Moderní tvorba webových aplikací

O webu

CSS selektory

Detailní popis vybraných CSS 3 selektorů.

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

CSS pseudo třída :is()

Jak v CSS pseudo třída :is() dokáže z(ne)přehlednit styly.

4 minuty

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.

12 minut

Maximální možný počet CSS selektorů

Jaké jsou v prohlížečích omezení pro velikost (složitost) CSS souborů.

3 minuty

HTML/CSS/JS identifikátor id

K čemu se hodí identifikátor, kdy ho používat a jaké znaky může obsahovat.

5 minut

Atributový case-insensitive selektor

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

2 minuty

CSS !important

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

7 minut

CSS selektor :empty

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

2 minuty

Navštívený odkaz :visited

Pomocí CSS pseudo třídy :visited jde měnit některé styly navštíveného odkazu.

10 minut

Before a after u <input>u

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

3 minuty

Styl elementů podle jejich počtu

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

6 minut

Režim celé obrazovky

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

6 minut

Styl označeného textu

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

3 minuty

Selektor :matches

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

3 minuty

First-letter

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

4 minuty

CSS selektory :valid a :invalid

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

3 minuty

Označení interních a externích odkazů

Odlišení interních a externích odkazů a odkazů na soubory čistě v CSS.

5 minut

CSS 3 selektory ve starých IE

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

2 minuty

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.

22 minut

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.

3 minuty

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.

1 minuta

Web jecas.cz píše Bohumil Jahoda, kontakt
Seznam všech článků
2013–2025