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

Beitrag lesen

@@Kc:

Folgender Codeschnippsel bringt mich gerade zum erstaunen:

Mich auch. Trenne Struktur und Präsentation, i.e. verwende keine Inline-Styles!

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.

Works as designed.

Wer kann mir das erklären?

Die CSS-Spezifikation im Abschnitt 16.3.1: „Die Eigenschaft wird nicht vererbt, aber die abgeleiteten Boxen einer Block-Box sollten mit derselben Ausschmückung formatiert werden (z.B. sollten sie alle unterstrichen dargestellt sein).“

Gibt es einen anderen Weg den gewünschten Effekt mit purem CSS ohne zusätzliche HTML Elemente zu erreichen?

Nachfahrenselektor: li li

Live long and prosper,
Gunnar

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