Moin,
mir ist eben in den Sinn gekommen, dass eine "bunte" Liste ziemlich viel Code mitbringt, auch wenn sie nur ein paar Wörter enthält.
Mich würde mal interessieren, ob man da etwas umschreiben kann, damit nicht soviel Code entsteht.
Die Spans hab ich wegen der Übersichtlichkeit mal untereinander geschrieben und viel Sinn macht das Beispiel auch nicht.
Die Frage ist jetzt eher generell, für den Fall der Fälle.
Code:
#liste li span.first, #liste li span.third {
color:#FF0000; }
#liste li span.second {
color:#00FF00;
font-weight:bold; }
#liste li span.third {
font-size:2em; }
#liste li a.mehr {
color:#FFFF00; }
<div id="liste">
<li>
<span class="first">Hallo 1</span>
<span class="second">wie 1</span>
<a href="domain.de">gehts 1</a>
<span class="third">!</span>
<a href="domain.de" class="mehr">mehr 1</a>
</li>
<li>
<span class="first">Hallo 2</span>
<span class="second">wie 2</span>
<a href="domain.de">gehts 2</a>
<span class="third">!</span>
<a href="domain.de" class="mehr">mehr 2</a>
</li>
<li>
usw.
</li>
</div>