Gunnar Bittersmann: Vererbung in Listen (UL, text-decoration)

Beitrag lesen

@@Kc:

Beispiel nach deinem Vorschlag, Gunnar. Interessanterweise funktioniert dieses Beispiel nun im IE7

Der macht’s also mal wieder falsch.

aber nicht in FF2 oder Opera9.

Denkfehler meinerseits: ~~~css li li {text-decoration: none}

  
Sorge also dafür, dass die ungewollte Unterstreichung gar nicht erst entsteht:  
  
~~~html
<ul id="foo">  
    <li>  
        test1  
        <ul>  
            <li>  
                test2  
            </li>  
        </ul>  
    </li>  
</ul>

#foo>li {text-decoration: underline}

oder

<div id="bar">  
    <ul>  
        <li>  
            test1  
            <ul>  
                <li>  
                    test2  
                </li>  
            </ul>  
        </li>  
    </ul>  
</div>

#bar>ul>li {text-decoration: underline}

Für IEs, die den Kindselektor nicht kennen, kannst du ja deren o.g. Fehlverhalten ausnutzen.

Live long and prosper,
Gunnar

--
Erwebsregel 208: Manchmal ist das einzige, was gefährlicher als eine Frage ist, eine Antwort.