ugrás a tartalomhoz

CSS Selectors Test Suite

yaanno · 2007. Május. 8. (K), 18.53
Automatizált CSS szelektor kompatibilitási teszt. CSS3 támogatottságot is vizsgál.
 ■
1

Böngészők

szotsaki · 2007. Május. 8. (K), 19.53
Linuxon a következő verziókkal teszteltem:
Konqueror 3.5.6 (rel. 37): From the 43 selectors 43 have passed, 0 are buggy and 0 are unsupported (Passed 578 out of 578 tests)
Firefox 2.0.0.2 (build 19): From the 43 selectors 26 have passed, 10 are buggy and 7 are unsupported (Passed 357 out of 578 tests)
Opera 9.20 (build 638): From the 43 selectors 25 have passed, 3 are buggy and 15 are unsupported (Passed 346 out of 578 tests)
Elvileg a nemsokára megjelenő Opera 9.5 előzetese rengeteg új CSS 3 elemet támogat majd.

IE-vel tesztelje le valaki, legyen szíves, mert lusta vagyok átváltani Winbe :)
2

ie7

bandi · 2007. Május. 8. (K), 20.39
ie7 (7.0.5730.11): From the 43 selectors 13 have passed, 4 are buggy and 26 are unsupported (Passed 330 out of 578 tests)
3

Firefox

Jano · 2007. Május. 8. (K), 22.15
Nálam: FF 2.0.0.3 Windows.

A 6 hibás (buggy) ugyanazon az egy értelmezési hibán csúszik el: az id attributum értékét kis-nagybetű érzékenyen kell vizsgálni. Érdekes módon más attribumumoknál jól csinálja a FF, csak az id-nál nem különbözteti meg.

A nem támogatottak közül talán az :nth-child a legfontosabb gyakorlati szempontből, hogy nem támogatott. Jól lehetne használni táblázat csíkozásra.
4

IE6

ada · 2007. Május. 9. (Sze), 00.43
IE 6.0 (jelenleg legfrisebb változat): From the 43 selectors 10 have passed, 1 are buggy and 32 are unsupported (Passed 276 out of 578 tests)
5

dupla classnál hibásan ad pontot IE-nek

Jano · 2007. Május. 9. (Sze), 03.09
Az egyik teszt esetnél ahol két osztálynév van egymás után, ott hibásan adja meg a pontot az IE-nek. Azért lesz zöld a csík, mert az IE a legutolsónak megadott class-t hagyja meg a szabályból.

  div.first.second {
    color:green;
  }
Csak azokra az elemekre kéne, hogy vonatkozzon amik egyszerre first és second classuak is. IE pedig megfogja adni mindkét alábbi elemre, hibásan:

<div class="third second">
aaaa
</div>

<div class="second">
aaaa
</div>
6

Firefox 3 Alpha 4 (Linux)

attlad · 2007. Május. 9. (Sze), 12.05
From the 43 selectors 32 have passed, 4 are buggy and 7 are unsupported (Passed 369 out of 578 tests)

(Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9a4) Gecko/20070427 GranParadiso/3.0a4)
7

Safari

vbence · 2007. Május. 10. (Cs), 10.40
Safari (419.3): From the 43 selectors 21 have passed, 7 are buggy and 15 are unsupported (Passed 336 out of 578 tests)
WebKit nightly: From the 43 selectors 25 have passed, 9 are buggy and 9 are unsupported (Passed 346 out of 578 tests)

Ami javult:
:lang() - 3 telszel jobb
E ~ F - ok
:first-of-type - 6-tal jobb
:enabled - ok
:disabled - ok
:check - ok

Ami romlott:
:last-child - 3-mal rosszabb
:only-child - 1-gyel rosszabb

Vajon mikor kerül be a friss kód a hivatalos release-be? (Amúgy nem kis munka lehetett megírni ezt a tesztet)...