Tüüp - CSS-trikid | CSS-i almanahh 2025

Tüübi valija (mõnikord nimetatakse seda ka elemendi tüübi valijaks) sobitab elemendid vastava elemendi sõlme nimega, näiteks

, ja sildid. Tüübi valijaid kasutatakse tavaliselt saidi stiili „laiahaardeliste” muudatuste tegemiseks.

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

Tavaline kasutamine

Tihti valitakse tüübivalijad vaikeväärtusteks, näiteks CSS-i lähtestamisel, kus kavatsetakse brauseri vaikeseaded alistada. Näide normalize.css esimesest reast, populaarne CSS-i lähtestamine:

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

Eespool olevad tüübivalijad määravad nende siltide kuvaomaduse blokeeritavaks, nii et igal ajal kasutatakse mõnda neist siltidest kogu saidil, mida nad blokeeritakse, välja arvatud juhul, kui need on spetsiifilisema stiiliga üle kirjutatud.

Parimad tavad

Üldiselt peetakse kehvaks tavaks üksikasjade muudatuste rakendamist ainult tüübi valijaga. Näiteks atribuudi „color: white” rakendamine kõigile siltidele on harva mõnel saidil kasulik. Seda seetõttu, et sildid on üldised ja neid kasutatakse saitidel erinevatel eesmärkidel.

Kuid tüübi valija nagu body ( ), määrates vaikimisi font-size ja line-heighton levinud. See on osaliselt tingitud asjaolust, et ühelgi lehel võib olla ainult üks silt, seega on vähem võimalusi konfliktideks.

Tüübi valija täpsus ja jõudlus

Tüübi valijad asuvad spetsiifilisuse kaskaadi madalaimal tasemel (tavaliselt kirjutatud kui 0, 0, 0, 1), mis tähendab, et peaaegu kõik alistab ainult tüübivalija kaudu rakendatava stiili ja lisab klassile või ID-le tüübi valija teie CSS pakub minimaalset täiendavat spetsiifilisust.

Tüübi valijad on CSS-i tõhususe skaalal samuti madalamal kohal kui klassid ja ID-d. Seetõttu on tehniliselt parem jõudlusvalik kasutada klassi või ID-d, mitte üldisemat tüübi valijat (kuigi tegelik kiirusevahe on tavaliselt tühine).