Vojtěch Bulant [gwh] › IE: špatná interpretace selektorů

IE: špatná interpretace selektorů

Pondělí 26. 3. 2007, 1.06 ~ tagy: jen tak ~ trvalý odkaz

Nedávno jsem narazil na špatnou interpretaci selektorů v IE. Jde o velmi nestandardní situaci, která v praxi snad ani nemůže nastat.

Konkrétně jde o tento zápis:

#nejake_id#nejake_jine_id { vlastnosti }

Podívejte se na příklad.

Problém sleduji v IE 7 (quirk), IE 6 (oba režimy), IE 5.5, IE 5. Chyba se projevuje i v ekvivalentní deklaraci s použitím tříd. Takřka jistě se bude projevovat i v dalších podobných případech.

Na problém jsem narazil, když jsem mezi oběma identifikátory zapomněl mezeru a IE zápis interpretuje (naoko), jako by tam mezera byla. Viz níže a v komentářích.

~~IE zápis chápe, jako by mezi oběma identifikátory byla mezera.~~

IE aplikuje vlastnosti až na poslední identifikátor v deklaraci, předchozí si odmyslí.

Na tento problém jsem narazil čirou náhodou a chtěl bych vás požádat o odbornou konzultaci.

přidat do del.icio.us ~ přidat do Linkuj.cz

11 komentářů

RSS komentářů ke článku

Lukee 26. 3. 2007, 10.56 #

> IE zápis chápe, jako by mezi oběma identifikátory byla mezera.

To si moc nemyslím. Spíš si první #id odmyslí. Zkus v tom příkladu tohle #nesmysl#nd{ color: red; } a taky to bude fungovat.
Ikrk 26. 3. 2007, 10.58 #

No já teda nevím, ale # by tam správně neměl co dělat, ne? (viz. W3C: identifiers (including element names, classes, and IDs in selectors) can contain only the characters [A-Za-z0–9] and ISO 10646 characters 161 and higher…)

Takže je to špatný zápis, který by měl být ignorován, ale IE pouze ignoruje část před druhým #. Nějak extrémně jsem nehledal, ale co jsem se díval, jsem žádné zdokumentování tohoto bugu nenašel. Každopádně je to v podstatě princip, na kterém jsou založeny hacky pro IE. Tento způsob se mi ale nezdá zrovna košer.
anm 26. 3. 2007, 11.21 #

Ano, mozna by se clanek mel prejmenovat na spatna syntaxe selektoru, pote se spatne interpretaci nelze divit
gwh 26. 3. 2007, 11.35 #

Lukee: Díky moc, upravil jsem to v článku.

lkrk: Já vím, že je to špatný zápis, asi jsem měl v článku zdůraznit, že jsem si toho všiml, když jsem mezi oběma identifikátory omylem vynechal mezeru a IE zápis interpretuje, jako by tam ta mezera byla (což není úplně pravda, jak říká Lukee a ty).

anm: Radši bez komentáře…
karf 26. 3. 2007, 12.09 #

Jestli je tento selektor špatný, nebo ne, je otázka. Pokud vím, CSS specifikace takovýto případ definuje v případě vícenásobných tříd, ale ne v případě ID. Jinak v XML dokumentu teoreticky může mít element více ID, takže možná by se to mohlo chovat podobně jako vícenásobné třídy, ale nevím, jestli to je v CSS gramatice definováno. Prakticky uvedený příklad asi nemá valného využití.
gwh 26. 3. 2007, 12.14 #

Karf: Jasně, tak jsem to nemyslel, už jsem to v článku upravil. Viz můj předchozí komentář.
Ikrk 26. 3. 2007, 13.48 #

Jestliže se ale zápis #id#id2 nedá v praxi na nic použít, jako že pravděpodobně opravdu asi nedá (jestli má někdo nějaký nápad, tak sem s ním), tak v tom případě ale nevidím moc důvod, proč to vůbec řešit… Maximálně to může na chvíli zmást, že se to vykresluje špatně, ale tady bez problému poslouží validátor…
gwh 26. 3. 2007, 14.23 #

lkrk: Ne, nedá, chtěl jsem na tu zvláštnost jen upozornit.
Zdeněk Košťál 26. 3. 2007, 14.44 #

IE ty selektory obecně nějak nedává. Pominu-li interpretaci pokročilých selektorů, stala se mi na webu jedna lahůdka, kdy měl jeden selektor mnohem větší váhu, ale nedokázal přebít selektor s váhou nižší. Samozřejmě tedy jen v IE. Možná o tom také napíšu.

Tento bug(?) je zajímavý, ono chování IE je diskutabilní. Snaží se napravit chybu, kdyby se přepsal kodér, ale ostatní to neinterpretují vůbec. Jak psal Ikrk, je to nepovolený znak, určuje ale W3C, jak se má interpretovat, pokud se jedná o takovou věc? Mně se zdá že neurčuje a tady je kámen úrazu. Jak to není zahrnuto ve standardech, dělá to každý po svém. Ale chování je to zvláštní a zajímavé. Logičtější se mi totiž zdá řádek ignorovat.
hakim 24. 6. 2008, 11.49 #

na svem IE6 to vidim v poradku… jakmas text „v ie videt cervene chybou bugu“ tak vidim presne obracene. cervene v ie cerne v gecku
gwh 24. 6. 2008, 12.03 #

Ale tak to má být, v IE červeně.

Přidat komentář

Povinný je pouze text komentáře. Vyplňujte ale prosím, pokud možno, všechny údaje. E-mail nebude zobrazen.

Byl bych potěšen, kdybyste psali s diakritikou.

« Blýská se na lepší časy

Vojtěch Bulant [gwh] tady kdysi něco bylo… :)

IE: špatná interpretace selektorů

11 komentářů

Přidat komentář

Vojtěch Bulant [gwh]
tady kdysi něco bylo… :)