CSS 3 selektory ve starých IE
Doplnění podpory CSS 3 selektorů do starých prohlížečů pomocí JavaScriptu.
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č?
Co si myslíte o tomto článku?
Diskuse
Související články
CSS item-pack: balance – vyvážené rozložení flex položek
Vlastnost item-pack: balance rozděluje flex položky rovnoměrně mezi řádky, podobně jako text-wrap: balance vyvažuje řádky textu.
CSS Container Queries – responsivní komponenty
Jak pomocí @container, container-type a container-name vytvářet komponenty, které se přizpůsobí velikosti svého rodiče místo viewportu.
CSS Anchor Positioning – posicování elementů relativně k jiným
Jak pomocí anchor-name, position-anchor a funkce anchor() posicovat elementy relativně k jiným bez JavaScriptu.
Centrování na webových stránkách
Moderní způsoby vertikálního i horizontálního centrování v CSS. Flexbox, Grid, margin auto a další techniky.