Izbirnik tipa (včasih imenovan tudi izbirnik vrste elementa) ujema elemente z ustreznim imenom vozlišča elementa, na primer
, , in oznake. Izbirniki vrst se običajno uporabljajo za spreminjanje sloga spletnega mesta s širokim potezom.
p ( /* "p" is the type selector */ margin: 0 0 1em 0; )Pogosta uporaba
Pogosto so izbirniki tipov nastavljeni kot privzete vrednosti, na primer pri ponastavitvi CSS, kjer je namen preglasiti privzete nastavitve brskalnika. Primer iz prve vrstice normalize.css, priljubljene ponastavitve CSS:
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary ( display: block; )Zgornji izbirniki vrst nastavljajo lastnost prikaza teh oznak za blokiranje, tako da bodo kadar koli katere koli od teh oznak uporabljene na celotnem spletnem mestu, bodo prikazane kot blokirane, razen če jih prepiše natančnejši slog.
Najboljše prakse
Običajno se šteje za slabo prakso, če se spremembe drobnih podrobnosti uporabljajo samo z izbirnikom tipa. Na primer, uporaba lastnosti »barva: bela« za vse oznake bi le redko kaj pomagala na katerem koli spletnem mestu. To je zato, ker so oznake splošne in se na različnih spletnih mestih uporabljajo za različne namene.
Vendar pa je z izbor tipa, kot so body ( ), da nastavite privzeto font-size in line-heightje skupna. To je deloma posledica dejstva, da je na kateri koli strani lahko samo ena oznaka, zato je manj možnosti za konflikte.
Specifičnost in zmogljivost izbirnika tipa
Izbirniki tipov so na najnižji ravni kaskade specifičnosti (na splošno zapisano kot 0, 0, 0, 1), kar pomeni, da bo skoraj vse preglasilo slog, uporabljen samo z izbirnikom vrst, in dodajanje izbirnika tipa v razred ali ID v vaš CSS zagotavlja minimalno dodatno specifičnost.
Izbirniki vrst se na lestvici učinkovitosti CSS uvrščajo tudi nižje kot razredi in ID-ji. Zato je tehnično boljša izbira zmogljivosti, če uporabimo razred ali ID namesto bolj splošnega izbirnika tipa (čeprav je dejanska razlika v hitrosti običajno zanemarljiva).
Podpora za brskalnik
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Kaj | Kaj | Kaj | Kaj | Kaj | Kaj | Kaj |