Upišite - CSS-trikovi | CSS Almanah 2025

Selektor tipa (koji se ponekad naziva i Selektor tipa elementa) podudara elemente s odgovarajućim nazivom čvora elementa, kao što je

, , i oznake. Birači tipova obično se koriste za promjenu stila web stranice "širokim potezom".

p ( /* "p" is the type selector */ margin: 0 0 1em 0; )

Uobičajena upotreba

Često su izbornici tipova postavljeni kao zadane vrijednosti, na primjer kod CSS resetiranja gdje je namjera nadjačati zadane postavke preglednika. Primjer iz prvog retka normalize.css, popularnog CSS resetiranja:

article, aside, details, figcaption, figure, footer, header, main, nav, section, summary ( display: block; )

Gore odabrani tipovi postavljaju svojstvo prikaza tih oznaka na blokiranje, tako da će se svaki put kada se bilo koja od tih oznaka koristi na cijelom web mjestu prikazati kao blok, osim ako ih ne prepiše određeniji stil.

Najbolje prakse

Općenito se smatra lošom praksom primjenjivati promjene sitnih detalja samo s biračem vrste. Na primjer, primjena svojstva "boja: bijela" na sve oznake rijetko bi bila od koristi na bilo kojoj web lokaciji. To je zato što su oznake generičke i koriste se na svim web lokacijama u razne svrhe.

Međutim, kod Selektora vrste, kao što je body ( )postavljanje zadanih postavki font-size i line-heightuobičajeno je. To je dijelom i zbog činjenice da na bilo kojoj stranici može postojati samo jedna oznaka, pa je i manje mogućnosti za sukobe.

Specifičnost i izvedba birača tipa

Izbornici tipova nalaze se na najnižoj razini kaskade specifičnosti (obično se zapisuju kao 0, 0, 0, 1), što znači da će gotovo sve nadjačati stil primijenjen samo putem birača tipova i dodavanjem selektora tipa u klasu ili ID u vaš CSS pruža minimalne dodatne specifičnosti.

Izbornici tipova također se niže rangiraju na CSS ljestvici učinkovitosti od klasa i ID-ova. Stoga je tehnički bolji izbor izvedbe koristiti klasu ili ID, a ne općenitiji odabir tipa (iako je stvarna razlika u brzini obično zanemariva).