Formatierung von dfn

[Axel Richter]

Hallo,

was versucht es mit class zu formatieren.

<dfn title="Der Titel zum Text">Text<dfn>
<dfn class="test" title="Der Titel zum Text">Text nicht unterstrichen<dfn>

Du hast hier 4 öffnende DFN-Tags und kein einziges schließendes.

CSS:
dfn
{font-style:normal; border-bottom:1px dashed #000000; cursor:help;}

.test
{font-style:normal; cursor:help;}

Nein, das Prinzip von CSS ist _nicht_, dass ein Element _nur_ die Eigenschaften bekommt, die für den letzten Selektor definiert wurden, der das Element selektiert. Es gelten _alle_ Eigenschaften _aller_ Selektoren, die das Element selektieren, solange nicht die zuletzt festgelegte Eigenschaft eine gleicher oder geringerer Spezifität überschreibt.

Wenn DFN-Elemente allgemein bestimmte Eigenschaften haben sollen, aber DFN.test-Elemente diese Eigenschaften _nicht_ haben sollen, dann musst Du diese Eigenschaften für DFN.test-Elemente abschalten. Eigenschaften, die DFN-Elemente und DFN.test-Elemente gemeinsam haben, musst Du nicht doppelt definieren.

CSS:
dfn
{font-style:normal; border-bottom:1px dashed #000000; cursor:help;}

dfn.test
{border-bottom:none;}

viele Grüße

Axel