Početak CSS-a
CSS se oslanja na pravila podudaranja uzoraka kako bi odredio koji se stil primjenjuje na koji element u dokumentu. Ti se obrasci nazivaju odabirima i oni se kreću od naziva oznaka (na primjer, p, kako bi se podudarali oznake odlomaka) do vrlo složenih uzoraka koji odgovaraju vrlo specifičnim dijelovima dokumenta (na primjer, p # myid> b.highlight odgovara b oznaku s klasa vrhunca koja je dijete stavka s id idu).
Odabir CSS-a dio je poziva stila CSS-a koja identificira koji dio web stranice treba biti oblikovan. Selektor sadrži jedno ili više svojstava koja definiraju kako će odabrani HTML biti stilizirani.
CSS Odabiri
Postoji nekoliko različitih vrsta selektora:
- odabir vrste odabira koji odgovara određenom elementu
- klasa odabranih elemenata podudaranja s određenom klasom
- ID selektori - koji odgovaraju elementu s određenim ID-om
- selektori potomaka - elementi koji predstavljaju potomke određenog elementa
- elementi za podudaranje dječjih selektora koji su dijete određenog elementa
- univerzalni selektori koji odgovaraju bilo kojem elementu
- susjednih elemenata podudaranja seljaka koji su neposredno prethodili određenom elementu
- elementima podudaranja selektora atributa s određenom vrijednosti atributa ili atributa
- pseudo-klasu selektori-podudaranje elemenata s određenom pseudo klasa
- elementi za podudaranje selektora pseudo-elemenata s određenim svojstvima pseudo-elementa
Formatiranje CSS Stilova i CSS Odabir
Oblik CSS stila izgleda ovako:
selektor {stilski entitet: stil; }
Odvojite više odabira koji imaju isti stil s zarezima. Ovo se naziva grupiranje selektora. Na primjer:
izbornik1 , izbornik2 {stilski entitet: stil; }
Grupiranje selektora je stenografski mehanizam kojim se CSS stilovi smanjuju.
Gornja skupina bi imala isti učinak kao:
izbornik1 {stilski entitet: stil; }
selektor2 {stilski entitet: stil; }
Uvijek testirajte CSS izbornike
Nisu svi preglednici podržani za sve CSS odabire. Zato svakako provjerite svoje odabire u onoliko preglednika koliko god možete. Ali ako koristite CSS 1 ili CSS2 selektore, trebali biste biti u redu.