>

CSS selektorji

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    glede na id elementa
*    univerzalni selektor
h1, h2    selektor večih elementov

kombinirani selektorji

div p   selektor sledečih potomcev
div > p   sledečih direktnih potomcev
h2 + p    direktno sledečih bratskih elementov
h2 ~ p   selektor sledečih bratskih elementov
a[href="#id"]   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