Fabian Transchel: Vererbung von text-decoration

Beitrag lesen

Hi Robert,

Wie kann ich erreichen, dass in einem Element, das sich innerhalb eines anderen Elements mit "text-decoration:underline" befindet, der Text nicht unterstrichen dargestellt wird? Ich möchte also sozusagen die Unterstreichung für Text2 vorübergehend aufheben. Ich habe bereits in http://www.w3.org/TR/REC-CSS2/text.html#q3 nachgelesen, dass in einem als unterstrichen ausgezeichneten Element alle Kindelemente auch unterstrichen werden sollen. Gibt es trotzdem eine Möglichkeit, das zu umgehen?

Deine Ausführungen sind korrekt, das machen alle Browser, die CSS1 einigermaßen gut können, auf diese Weise.

Ich habe einiges ausprobiert, und bin auch gescheitert, vielleicht zaubert Orlando ja noch was ;-)
Ich habe es jetzt so gelöst:

span.a{font-weight:bold; text-decoration:none;}
span.b{font-weight:normal; text-decoration:none;}
span.c{font-weight:bold; text-decoration:underline;}

<span class="a"><span class="c">Text1</span><span class="b">Text2</span><span class="c">Text3</span></span>

Nicht schön, aber selten ;-)

Grüße, Fabian