Otsikko

Katso tekstiä - sen ei pitäisi olla punainen eikä sen pitäisi olla isompaa kuin alla olevissa kappaleissa. Jos tämä teksti on punaista ja se on muuta perustekstiä isompaa, selain lukee väärin sijoitetun @import at-säännön.

Seuraavissa teksteissä näkyy CSS-spesifikaatioinden näkökulmasta katsoen virheellisten class ja id nimien hyväksymisessä. On kuitenkin huomionarvoista se, että spesifikaatioissa on eroja. Listaan alla merkittävät erot:

• CSS1. Alaviivaa (_) ei sallita lainkaan ja id ja class attribuuttien eivät saisi alkaa tavuviivalla (-). Myös alkuperäinen CSS2-spesifikaatio edellyttää samaa. Tilanteissa, joissa selain toteuttaa vain CSS1:een kuuluvan piirteen testitekstin pitäisi olla musta.
• CSS2. Alaviivan käyttö on sallittu korjauksena spesifiaatioon. Tämän tukeminen on suotavaa. Jos selain tukee sitä testiteksti on vihreää. Selaimet, joiden nimen taustaväri on vihreä toimivat tässä testissä 100% CSS2-spesifikaation mukaisesti.
• CSS3. Erääm saamani s-postin mukaan id ja class attribuutit voivat alkaa tavuviivalla. Selainten ei vielä tarvitse toimia tämän mukaan. Olen merkannut testitekstin vaaleanvihreällä mustaa taustaa vasten merkkinä tulevaisuuteen orientoituvasta toteutuksesta.

Selaimia ei ole reilua vertailla toisiinsa vaan niitä tulee vertailla siihen spesifikaation jota ne ilmoittavat tukevansa (jotkut selainvalmistajat ilmaisevat minkä mukaan selain toimii) tai mitä selaimelta voidaan sen iän puolesta edellyttää.

• Jos selain tukee class ja id oletetun käytöksen mukaisesti olen merkannut toteutuksen kuvalla .

• Jos selain tukee sellaisia nimiä, jotka eivät ole laillisia missään spesifikaatiossa tai selain tukee nimiä, joita sen ei oleteta tukevan olen merkannut toteutuksen kuvalla . Jos totetutus on kokonaan virheellinen loukaten kaikkia CSS-spesifikaatioita testitekstin on punainen.

Itse ja erään Mac-käyttäjän testaamat selaimet hyväksyvät id- ja luokkavalitsinten nimet seuraavasti (jos en ole toisin ilmoittanut selaimet ovat Windows-selaimia; st.-comp. = standard-compliant = standardien noudattamiseen pyrkivä moodi):

		MS IE 4.0	MS IE 5.0	MS IE 6.0 ei st.-comp.	MS IE 6.0 st.-comp, MS IE 5.0 Mac	Netscape 4.04	Netscape 4.79	Netscape 6.0	Mozilla 0.9+, Netscape 6.1+	Opera 5.12, Opera 5.0 Beta 4 Mac	Opera 6.0x	Opera 7.0 Beta1
	Odotettu käytös:	CSS1	CSS2	CSS2	CSS2	CSS1	CSS2	CSS2	CSS3	CSS1	CSS2	CSS2.1
1.	Tässä on class="1abc".
2.	Tässä on class="-abc".
3.	Tässä on class="a_bc".
4.	Tässä on id="1abc"
5.	Tässä on id="-abc".								(?)
6.	Tässä on id="a_bc".

Huomautukset:

1. Tieto siitä, että Opera 5.x on suunniteltu siten, että CSS2:een laitettua korjausta ei ole huomioitu perustuu s-postikeskusteluihin samoin kuin uusimpien Netscape/Mozilla selainten CSS3-tuki. En voi antaa Web-osoitetta, joista asiat voisi tarkistaa.
2. Sääntöjen ryhmittäminen saattaa muuttaa tilannetta Operan kohdalla.