Detailní popis vybraných CSS 3 selektorů.
Seznam všech existujících selektorů je na samostatné stránce.
CSS selektory
Všechny články z kategorie
CSS pseudo třída :is()
Jak v CSS pseudo třída :is() dokáže z(ne)přehlednit styly.
Jak používat CSS stav :focus
Proč je důležité stylovat stav :focus. Jak toho automaticky docílit a jaké jsou s tím problémy.
Maximální možný počet CSS selektorů
Jaké jsou v prohlížečích omezení pro velikost (složitost) CSS souborů.
HTML/CSS/JS identifikátor id
K čemu se hodí identifikátor, kdy ho používat a jaké znaky může obsahovat.
Atributový case-insensitive selektor
Pomocí příznaku i jde zapsat atributový selektor nezávislý na velikosti písmen.
Základy CSS
K čemu je CSS dobré a jak ho rychle začít používat.
CSS !important
Klíčové slovo !important slouží k posílení a přebíjení CSS vlastností.
CSS selektor :empty
CSS selektor :empty zaměří element, ve kterém vůbec nic není.
Navštívený odkaz :visited
Pomocí CSS pseudo třídy :visited jde měnit některé styly navštíveného odkazu.
Before a after u <input>u
Funguje, nebo nefunguje použití :before a :after u <input>ů?
Styl elementů podle jejich počtu
Jak pomocí CSS odlišně stylovat položky v závislosti na jejich počtu.
Režim celé obrazovky
Jak je možné stránku přepnout do fullscreenu (režimu celé obrazovky).
Styl označeného textu
Pseudo-element ::selection umožňuje změnit styl kursorem označeného textu.
Selektor :matches
CSS pseudotřída :matches slouží ke zjednodušení zápisu dlouhých výčtů selektorů.
First-letter
CSS selektor first-letter zaměří první písmeno v elementu.
CSS selektory :valid a :invalid
CSS selektory :valid a :invalid umí rozpoznat správně nebo špatně vyplněné formulářové políčko.
Označení interních a externích odkazů
Odlišení interních a externích odkazů a odkazů na soubory čistě v CSS.
CSS 3 selektory ve starých IE
Doplnění podpory CSS 3 selektorů do starých prohlížečů pomocí JavaScriptu.
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.
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.
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.