Pida: Priorität konfligierender css-Angaben

Beitrag lesen

Hallo zusammen,

folgendes Szenario:

In der Datei seite.shtml steht unter anderem
<h3 class="absolvent" style="text-transform:none">Anna</h3>

Meine Frage zielt darauf, warum ich das text-transform:none nicht in eine externe css-Datei auslagern kann. Es sieht nämlich wie folgt aus:

Die css-Angaben für die ganze Seite lagern in mehreren externen css-Dateien. Die oben verwendete Klasse 'absolvent' wird in lingu.css beschrieben.

Dies ist die Datei alpha.css:

  
@import url(beta.css);  
@import url(delta.css);  
@import url(gamma.css);  
@import url(lingu.css);

Meines Wissens gilt im Fall konfligierender css-Angaben immer die letzte Angabe.

Nun ist es so, dass in delta.css umfangreiche Angaben zur Formatierung von h3 stehen. Unter anderen text-transform:uppercase. Das will ich aber für die Klasse 'absolvent' nicht, daher steht in lingu.css:

  
.absolvent {  
    text-transform:none;  
    margin-top:10px;  
    margin-bottom:-3px;  
}

Die Margin-Angaben werden auch so übernommen, wie ich das möchte. Es kann also nicht sein, dass schlicht ein Schreibfehler vorliegt. text-transform:none wird aber ignoriert. Um den gewünschten Effekt zu erzielen, muss ich wie beschrieben style="text-transform:none" direkt ins HTML schreiben.

Was mache ich falsch?

Danke
Pida