Hallihallo,

Folgender Codeschnippsel bringt mich gerade zum erstaunen:

  
<ul>  
    <li style="text-decoration:underline;">  
        test1  
        <ul>  
            <li style="text-decoration:none;">  
                test2  
            </li>  
        </ul>  
    </li>  
</ul>  

Die intention ist einfach: In der ersten Ebene soll das Listenelement unterstrichen sein, in der zweiten Ebene nicht mehr. Seltsamerweise ist die text-decoration in der zweiten Ebene trotzdem vorhanden. Wer kann mir das erklären?
Gibt es einen anderen Weg den gewünschten Effekt mit purem CSS ohne zusätzliche HTML Elemente zu erreichen?

Viele Grüße,
  Kc