nicht angemeldet
Hallo,
Ich hab ein CSS das schaut in etwa so aus:
ul.list{...}
ul.list ul{...}
ul.list li a{
display:block;
width:140px;
...
}
Bis hier her versteht HTML was ich will.
Nun wollte ich aber zusätzliche a-Elemente auszeichnen, die sollen 200px breit sind und ich habs so probiert:ul.list li a.1st{
width:550px;
}bzw. <a class="1st" ...> Aber da spielt nur der IE mit (wahrscheinlich ist's ein Bug), Opera und Mozilla ignorieren mich. Wie geht's richtig?
Das ist eigentlich schon vollkommen korrekt so. Allerdings mögen die Browser keine Klassen, deren Bezeichner mit einer Ziffer beginnen. Ändere es also wie folgt:
ul.list li a.nr1{
width:550px;
}
...<a class="nr1" ...>
Dieses Verhalten der Browser ist aber, man möge mich korrigieren, durch keinerlei Vorschrift begründet. Das Attribut class hat nämlich Inhalt vom Typ CDATA http://www.w3.org/TR/html4/struct/global.html#h-7.5.2 und für diesen Datentyp gibt es eine solche Beschränkung nicht http://www.w3.org/TR/html4/types.html#type-cdata. Die Beschränkung existiert für den Datentyp NAME http://www.w3.org/TR/html4/types.html#type-name, also eigentlich nur für ID-Attribute.
viele Grüße
Axel