Selektorji so ključne besede, s katerimi lahko dostopamo do specifičnih elementov v html dokumentu. Osnovni in kombinirani selektorji targetirajo celotne elemente po tipu, id, class ali drugih atributih. Psevdo-class selektorji targetirajo elemente v določenem stanju. Psevdo-element selektorji targetirajo elemente z dodajanjem drugih elementov znotraj njih.
| osnovni selektorji | |
|---|---|
| p | selektor glede na tip elementa |
| .my-class | selektor glede na class elementa |
| #some-id | selektor glede na id elementa |
| * | univerzalni selektor |
| h1, h2 | selektor večih elementov |
| kombinirani selektorji | |
| div p | selektor sledečih potomcev |
| div > p | selektor sledečih direktnih potomcev |
| h2 + p | selektor direktno sledečih bratskih elementov |
| h2 ~ p | selektor sledečih bratskih elementov |
| a[href="#id"] | selektor elementov glede na atribut |
| pseudo-class selektorji | |
| a:hover | selektor elementov glede na psevdo-class |
| pseudo-element selektorji | |
| p::first-letter | selektor določenih delov elementov |