list-style-image von einzelnen <li>s ändern

[Gunnar Bittersmann]

@@A-le-xan-der:

nuqneH

<ul class="menue">
<li class="menuebutton"><a href="1.htm">Seite 1</a></li>
<li class="menuebutton"><a href="2.htm">Seite 2</a>
<ul class="menue">
<li class="menuebutton"><a href="2b.htm">Unterseite 2b</a></li>
<li class="menuebutton"><a href="2c.htm">Unterseite 2c</a></li>
<li class="menuebutton"><a href="2d.htm">Unterseite 2d</a></li>
<li class="menuebutton">
</li>
<li class="menuebutton"><a href="3.htm">Seite 3</a>
<li class="menuebutton"><a href="4.htm">Seite 4</a>
</ul>

Wenn alle Geschwisterelemente derselben Klasse angehören, ist das ein sicheres Indiz dafür, dass die Klasse unsinnig ist.

Die 'li' lassen sich per Nachfahrenselektor '.menue li' selektieren.

Die Klasse "menue" für die inneren Listen ist auch überflüssig. Diese lassen sich ebenfalls per Nachfahrenselektor '.menue ul' selektieren, die äußere per Aufzählung mit dazu: '.menue, .menue ul'.

Qapla'