CSS 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
*                                                                                           univerzalni selektor
h1, h2                                                                                           selektor večih elementov
kombinirani selektorji
div p
                                                                                          selektor sledečih potomcev
div > p                                                                                   selektor sledečih direktnih potomcev hr
h2 + p
     selektor direktno sledečih bratskih element ov h2 ~ p v
     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