#1 Pseudo-class
Seznam selektorů typu pseudo-class, které označují speciální stav prvku. O tom jak fungují se dozvíte v jejich článku.
| Selektor | Popis |
|---|---|
| :active | Vybere aktivní odkaz |
| :checked | Vybere prvek, který je odškrtnutý (zejména prvek vstupu) |
| :disabled | Vybere všechny prvky, které jsou vypnuté (mají atribut disabled) |
| :empty | Vybere prvek, který nemá žádný vnořený prvek |
| :enabled | Vybere každý prvek, který je funkční (základní nastavení, protiklad disabled) |
| :first-child | Vybere prvek, který je prvním vnořeným prvkem rodiče |
| :first-of-type | Vybere prvek, který je prvním výskytem daného prvku |
| :focus | Vybere zaměřený prvek |
| :hover | Vybere prvek, nad kterým se nachází myš |
| :in-range | Vybere prvek, jehož hodnota je v rozsahu (nejčastěji prvek vstupu) |
| :invalid | Vybere prvek, jehož hodnota je neplatná |
| :is() | Seskupuje prvky, pseudo-class a pseudo-element |
| :lang() | Vybere všechny prvky s atributem lang (do závorky se uvádí zkratka daného jazyka) |
| :last-child | Vybere prvek, který je posledním vnořeným prvkem rodiče |
| :last-of-type | Vybere poslední výskyt daného prvku |
| :link | Vybere nenavštívené odkazy |
| :not() | Vybere prvky, které nejsou specifikovaným prvek (ten se vkládá do závorky) |
| :nth-child(n) | Vybere prvky, které jsou n-tými v pořadí(kde n je jakékoli číslo, klíčové slovo nebo rovnice) |
| :nth-last-child(n) | Vybere prvky, které jsou n-tými v pořadí od posledního prvku (kde n je jakékoli číslo, klíčové slovo nebo rovnice) |
| :nth-last-of-type(n) | Vybere prvky, které jsou n-tými v pořadí od posledního výskytu prvku (kde n je jakékoli číslo, klíčové slovo nebo rovnice) |
| :nth-of-type(n) | Vybere prvky, které jsou n-tými v pořadí od prvního výskytu prvku (kde n je jakékoli číslo, klíčové slovo nebo rovnice) |
| :only-of-type | Vybere prvek, jestliže je jediným výskytem daného prvku v rodiči |
| :only-child | Vybere prvek, pokud je prvek jediným prvek v rodiči |
| :optional | Vybere prvky vstupu, které nemají atribut povinnosti, required |
| :out-of-range | Vybere prvky, jejichž hodnota je mimo rozsah |
| :read-only | Vybere prvky, které mají stejnojmenný atribut |
| :read-write | Vybere prvky, které nemají atribut read-only |
| :required | Vybere prvky, které mají atribut povinnosti, required |
| :root | Vybere prvek, který je základním (root) prvkem |
| :target | Vybere prvek, který má id a je obsažen v obsahu jako kotva |
| :valid | Vybere prvky, které mají validní hodnotu |
| :visited | Vybere navštívené odkazy |
#2 Pseudo-element
Seznam selektorů typu pseudo-element, které specifikují speciální části prvku. Více o nich v jejich článku.
| Selektor | Popis |
|---|---|
| ::after | Vloží cokoliv za prvek |
| ::before | Vloží cokoliv před prvek |
| ::first-letter | Vybere první písmeno v prvku |
| ::first-line | Vybere první řádek v prvku |
| ::marker | Vybere marker v seznamu |
| ::selection | Vybere část, která je označená uživatelem |
| ::placeholder | Vybere vstupní prvky se zadaným atributem "placeholder" |