CSS selektory
Detailní popis vybraných CSS 3 selektorů.
Seznam všech existujících selektorů je na samostatné stránce.
Zvýraznění aktivní sekce při rolování
Moderní způsoby zvýraznění aktivní položky navigace podle aktuální sekce – CSS i IntersectionObserver.
Jak „focusovat“ správně díky :focus-visible
Jak správně řešit označený (:focus) stav formulářových prvků.
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.
Navštívený odkaz :visited
Pomocí CSS pseudo třídy :visited jde měnit některé styly navštíveného odkazu.
Styl elementů podle jejich počtu
Jak pomocí CSS odlišně stylovat položky v závislosti na jejich počtu.
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ů.
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.
