CSS selektory

Detailní popis vybraných CSS 3 selektorů.

Seznam všech existujících selektorů je na samostatné stránce.

Všechny články z kategorie

Proč a jak používat :focus stav

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í 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ů.

Identifikátor v HTML/CSS/JS

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

Atributový case-insensitive selektor

Pomocí příznaku i jde zapsat atributový selektor nezávislý na velikosti písmen.

Základy CSS

Základy CSS

K čemu je CSS dobré a jak ho rychle začít používat.

CSS !important

CSS !important

Klíčové slovo !important slouží k posílení a přebíjení CSS vlastností.

CSS selektor :empty

CSS selektor :empty

CSS selektor :empty zaměří element, ve kterém vůbec nic není.

Navštívený odkaz :visited

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 inputu

Before a after u <input>u

Funguje, nebo nefunguje použití :before a :after u <input>ů?

Selektor elementů podle jejich počtu

Styl elementů podle jejich počtu

Jak pomocí CSS odlišně stylovat položky v závislosti na jejich počtu.

Fullscreen

Režim celé obrazovky

Jak je možné stránku přepnout do fullscreenu (režimu celé obrazovky).

Barva označeného textu

Styl označeného textu

Pseudo-element ::selection umožňuje změnit styl kursorem označeného textu.

Selektor :matches

Selektor :matches

CSS pseudotřída :matches slouží ke zjednodušení zápisu dlouhých výčtů selektorů.

First-letter

First-letter

CSS selektor first-letter zaměří první písmeno v elementu.

Selektory :valid a :invalid

CSS selektory :valid a :invalid

CSS selektory :valid a :invalid umí rozpoznat správně nebo špatně vyplněné formulářové políčko.

Označení externích odkazů

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 v IE 6, 7, 8

CSS 3 selektory ve starých IE

Doplnění podpory CSS 3 selektorů do starých prohlížečů pomocí JavaScriptu.

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.

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.

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.