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 .my-class #some-id * h1, h2 | selektor glede na tip elementa selektor glede na class elementa selektor glede na id elementa univerzalni selektor selektor večih elementov |
| Kombinirani selektorji: | |
|---|---|
| div p div > p h2 + p h2 ~ p a[href="#id"] | selektor sledečih potomcev selektor sledečih direktnih potomcev selektor direktno sledečih bratskih elementov selektor sledečih bratskih elementov selektor elementov glede na atribut |
| Psevdo-class selektorji: | |
|---|---|
| a:hover | selektor elementov glede na psevdo-class |
| Psevdo-element selektorji: | |
|---|---|
| p::first-letter | selektor določenih delov elementov |