CSS birači u HTML5

Selektori CSS koriste se za identifikaciju elemenata HTML na njih će se staviti određeni stil, za to možemo koristiti oznaku stil ili vanjski stilski list. Zamislimo na trenutak da želimo staviti određeni aspekt u naš dokument, za to moramo razviti stilove, međutim, kako ne bismo ponavljali kôd, idealno je koristiti stilove za selektore, na primjer ako želimo sve poveznice na element do su određene boje, koristili bismo stilove s biračem prema vrsti.
Ovaj izbornik utječe na sve elemente dokumenta, iako je najtemeljniji odabirnik, nije u širokoj upotrebi jer je njegov opseg vrlo širok.
Pogledajmo mali primjer kako to funkcionira:

 Primjer
Volim jabuke i naranče.

Posjetite web stranicu W3C 

Kao što možemo vidjeti u primjeru, univerzalnom selektoru kažemo stilu da će svi elementi imati crni obrub tanka čvrsta tvar, ovo daje sljedeći rezultat:

Vidimo da je stil primijenjen na sve elemente, ovo trenutno nije baš ugodno za pogledati, ali radi posao.
Ovom vrstom odabira možemo odabrati i primijeniti stil na sve elemente određene vrste, na taj način možemo biti općeniti, a da ne budemo tako široki kao s univerzalnim biračem koji smo prethodno vidjeli.
Poradimo na sljedećem primjeru:

 Primjer
Volim jabuke i naranče.
Posjetite web stranicu W3C 

Kao što vidimo, koristimo tip elementa do Čemu ćemo dodati crni obrub na kojem smo radili u vodiču, da vidimo kako to izgleda na ekranu:

Rezultat je malo bolji od onog koji je generiran univerzalnim biračem, jer u ovom slučaju samo veze imaju crni obrub.
Što ako sada želimo primijeniti stil, ali samo na određene elemente, bez obzira na njihovu vrstu, ali ga ne možemo primijeniti na cijeli dokument, za to možemo koristiti selektor po klasama, s selektorom po razredu možemo postići malo više isključenja pri primjeni stila.
Pogledajmo kod:

 Primjer Posjetite web stranicu
Volim jabuke i naranče.

Posjetite web stranicu W3C 

U ovom slučaju odlučili smo primijeniti stil na sve elemente klase razred2 u kodu možemo vidjeti element koji ima dvije klase, no i klasa koju navedemo također će uzeti stil. Ovim zaključujemo ovaj vodič o izbornicima, preporučujemo nastavak vježbanja, kombinirajući naučeno, kako bismo obogatili izgled naših web stranica i povećali njihove standarde upotrebljivosti na najučinkovitiji i jednostavniji mogući način.