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

[A-le-xan-der]

Es soll immer nur das "direkte" <li> geändert werden, keine übergeordneten <li>s! Wenn also beispielsweise Unterseite 2b gehovert wird, soll nur der <li> von Unterseite 2b gehovert werden, jedoch NICHT auch der <li> von Seite 2, in dem sich Unterseite 2b befindet.
Das ist das Problem.

<ul class="liste">
<li><a href="1.htm">Seite 1</a></li>
<li><a href="2.htm">Seite 2</a>
<ul>
<li><a href="2b.htm">Unterseite 2b</a></li>
<li><a href="2c.htm">Unterseite 2c</a></li>
</ul>
</li>
<li><a href="3.htm">Seite 3</a>
</ul>

.liste, .liste ul { list-style-image: url(grafik.gif) }
.liste li:hover, .liste ul li:hover { list-style-image: url(grafik2.gif) } / ? */

Aber die Hoveranzeige klappt immer noch nicht.

Mein Veständnis deines Wunschverhaltens klappt auch nicht!

Wann genau soll die Grafik von li.this geändert werden?

1. li.this:hover       [ ]Ja [ ]Nein
2. li.this > a:hover   [ ]Ja [ ]Nein
3. li.this > ul:hover  [ ]Ja [ ]Nein

Du siehst, nur 1) ist geeignet li.this umzuformatieren.

mfg Beat