CSS 3 selektory v IE 6, 7, 8

Pokročilejší CSS 3 selektory fungují často až v novějších Internet Explorerech (např. od verse 9). Kromě řešení ve stylu vystačit si se základními selektory (což, mimochodem, nemusí být špatná volba — podobně jako u používání vlastních HTML značek). Existuje ještě možnost doplnit podporu JavaScriptem.

Selectivizr

Stránka projektu :select[ivizr]

Selectivizr funguje velmi jednoduše. Stačí připojit v požadovaných prohlížečích (tj. podmíněnými komentáři obalený) speciální JS soubor, který se o vše postará.

<!--[if (gte IE 6)&(lte IE 8)]>
   <script type="text/javascript" src="selectivizr.js"></script>
<![endif]-->

Zároveň Selectivizr vyžaduje nějakou z JS knihoven — podpora nejvíce selektorů je s frameworkem Mootools nebo NWMatcher. To je bohužel další argument snažit se si bez pokročilých selektorů vystačit. Vyplatí se ušetřit si pár běžných selektorů tříd, ale nutit uživatele starších prohlížečů stahovat knihovnu + opravující skript a tím ještě brzdit obstarožní prohlížeč?

To je všechno. Líbil se vám článek a chcete se dozvědět, až vyjde další?

Sledujte:

 

Připomínky mi pište do komentářů ↓

Maximální počet CSS selektorů

Maximální možný počet CSS selektorů

Jaké jsou v prohlížečích omezení pro velikost (složitost) CSS souborů.

Selektory :first-child a :last-child

Selektory :first-child a :last-child

Pro zaměření první/poslední položky v CSS lze místo přidávání tříd použít :first/last-child.

Zvýraznění aktivní kotvy

Zvýraznění aktivované kotvy (:target)

Pokud se v rámci stránky používají odkazy na jednotlivé #části, může být vhodné zvýrazněním ukázat, kam odkaz mířil.

CSS 3 selektory

Seznam všech CSS 3 selektorů

V CSS 3 je spousta selektorů, které s postupným mizením starších prohlížečů může dávat smysl znát.

CSS prefixy

CSS prefixy

Některé CSS vlastnosti se zapisují s prefixy. Proč tomu tak je a jak prefixy zapisovat.

Komentáře