Den Inline-style habe ich gewählt um das Beispiel kurz zu halten.
Aber wenn gewünscht eben nochmal in getrennter Form:
<style>
LI
{
text-decoration:underline;
}
LI LI
{
text-decoration:none;
}
</style>
<ul>
<li>
test1
<ul>
<li>
test2
</li>
</ul>
</li>
</ul>
Beispiel nach deinem Vorschlag, Gunnar. Interessanterweise funktioniert dieses Beispiel nun im IE7, aber nicht in FF2 oder Opera9.
Ich bin mir nicht sicher ob ich die Text-Passage, die du mir vorgelegt hast, richtig interpretiert habe:
"Wird die Eigenschaft für ein Element auf Blockebene angegeben, beeinflusst sie alle Ableitungen des Elements auf Inline-Ebene. Wird sie für ein Element auf Inline-Ebene angegeben (oder betrifft sie dieses), beeinflusst sie auch alle von dem Element erzeugten Boxen."
Heißt das, dass die Eigenschaft sich auf alle Inline-Elemente auswirkt, wenn sie für ein Blockelement (display:block) angegeben wurde und für Inline- und Block-Elemente, wenn sie für ein Inline-Element (display:inline) angegeben wurde?
Falls ich das richtig interpretiert habe, müsste meinem Verständnis nach
<style>
UL
{
text-decoration:underline;
}
UL UL
{
text-decoration:none;
}
</style>
den gewünschten Effekt bringen. Bringt aber den gleichen Effekt wie LI und LI LI auch: Im IE gehts, Opera und FF unterstreichen alles.
Gruß,
Kc