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