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 |