CSS: Pseudoklasy
| :active | a:active | Wybierz aktywny odnośnik |
| ::after | p::after | Umieść coś po każdym elemencie <p> |
| ::before | p::before | Umieść coś przed każdym elementem <p> |
| :checked | input:checked | Wybierz każdy zaznaczony element <input> |
| :default | input:default | Wybierz domyślny element <input> |
| :disabled | input:disabled | Wybierz każdy wyłączony element <input> |
| :empty | p:empty | Wybierz każdy element <p>, który nie ma dzieci |
| :enabled | input:enabled | Wybierz każdy aktywny element <input> |
| :first-child | p:first-child | Wybierz każdy element <p>, który jest pierwszym dzieckiem swojego rodzica |
| ::first-letter | p::first-letter | Wybierz pierwszą literę każdego elementu <p> |
| ::first-line | p::first-line | Wybierz pierwszą linię każdego elementu <p> |
| :first-of-type | p:first-of-type | Wybierz wszystkie elementy <p>, które są pierwszym elementem <p> swojego rodzica |
| :focus | input:focus | Wybierz wszystkie elementy, które posiadają atrybut focus |
| :hover | a:hover | Wybierz link, najechany przez kursor |
| :in-range | input:in-range | Wybierz wszystkie elementy input, których wartość zawiera się w określonym zakresie (ich wartość znajduje się pomiędzy określonymi parametrami wartościami min i max) |
| :indeterminate | input:indeterminate | Wybierz wszystkie elementy input, które są w stanie indeterminate (Są 3 możliwe stany: checked, unchecked i undeterminate. Ten trzeci jest chociażby wtedy, kiedy, żaden z grupy radio buttonów nie został jeszcze zaznaczony.) Dotyczy: checkbox, radio, progress |
| :invalid | input:invalid | Wybierz wszystkie elementy input z niewłaściwą wartością |
| :lang(language) | p:lang(pl) | Wybierz wszystkie elementy <p>, których atrybut lang jest równy pl (Polski) |
| :last-child | p:last-child | Wybierz wszystkie elementy <p>, które są ostatnim elementem swojego rodzica |
| :last-of-type | p:last-of-type | Wybierz wszystkie elementy <p>, które są ostatnim elementem <p> swojego rodzica (minimum 2 elementy <p> w rodzicu) |
| :link | a:link | Wybierz wszystkie nieodwiedzone odnośniki |
| :not(selector) | :not(p) | Wybierz wszystkie elementy, które nie są elementem <p> |
| :nth-child(n) | p:nth-child(2) | Wybierz wszystkie elementy <p>, które są drugim dzieckiem swojego rodzica |
| :nth-last-child(n) | p:nth-last-child(2) | Wybierz wszystkie elementy <p>, które są drugim od końca dzieckiem swojego rodzica |
| :nth-last-of-type(n) | p:nth-last-of-type(2) | Wybierz wszystkie elementy <p>, które są drugim od końca elementem <p> swojego rodzica |
| :nth-of-type(n) | p:nth-of-type(2) | Wybierz wszystkie elementy <p>, które są drugim elementem <p> swojego rodzica |
| :only-of-type | p:only-of-type | Wybierz wszystkie elementy <p>, które są jedynym elementem <p> swojego rodzica |
| :only-child | p:only-child | Wybierz wszystkie elementy <p>, które są jedynym dzieckiem swojego rodzica |
| :optional | input:optional | Wybierz wszystkie elementy input, które nie posiadają atrybytu required |
| :out-of-range | input:out-of-range | Wybierz wszystkie elementy input, których wartość wykracza poza zadany zakres |
| ::placeholder | input::placeholder | Wybierz wszystkie elementy input, które posiadają atrybut placeholder |
| :read-only | input:read-only | Wybierz wszystkie elementy input, które posiadają atrybut readonly |
| :read-write | input:read-write | Wybierz wszystkie elementy input, które NIE posiadają atrybutu readonly |
| :required | input:required | Wybierz wszystkie elementy input, które posiadają atrybut required |
| :root | :root | Wybierz główny węzeł dokumentu |
| ::selection | ::selection | Wybierz elementy, które zostały zaznaczone przez użytkownika |
| :target | p:target | Wybierz element <p>, który jest aktualnie wskazywany za pomocą # |
| :valid | input:valid | Wybierz wszystkie elementy input z poprawną wartością |
| :visited | a:visited | Wybierz wszystkie odwiedzone odnośniki |