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.
