Tips - CSS-triki | CSS almanahs 2025

Tipa atlasītājs (dažreiz to dēvē arī par elementa veida atlasītāju) elementus saskaņo ar atbilstošā elementa mezgla nosaukumu, piemēram,

, un tagus. Tipa atlasītāji parasti tiek izmantoti, lai veiktu “plaša vēziena” izmaiņas vietnes stilā.

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

Bieža lietošana

Bieži reizes tipa atlasītāji tiek iestatīti kā noklusējumi, piemēram, CSS atiestatīšanā, ja ir paredzēts ignorēt pārlūkprogrammas noklusējumus. Piemērs no normalize.css pirmās populārās CSS atiestatīšanas:

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

Iepriekš norādītie tipa atlasītāji šo tagu attēlošanas rekvizītu bloķē, tādējādi jebkurā laikā kāds no šiem tagiem tiek izmantots visā vietnē, un tas tiks parādīts kā bloķēts, ja vien tas nav pārrakstīts ar konkrētāku stilu.

Labākā pieredze

Parasti tiek uzskatīts, ka smalku detaļu izmaiņu piemērošana tikai ar tipa atlasītāju tiek uzskatīta par sliktu praksi. Piemēram, rekvizīta “color: white” nepiemērota piemērošana visiem tagiem reti ir noderīga jebkurā vietnē. Tas ir tāpēc, ka tagi ir vispārīgi un tiek izmantoti vietnēs dažādiem mērķiem.

Tomēr, izmantojot tipa atlasītāju, piemēram body ( ), noklusējuma iestatīšana font-size un tas line-heightir izplatīts. Tas daļēji ir saistīts ar faktu, ka jebkurā lapā var būt tikai viens tags, tāpēc konfliktu iespējas ir mazākas.

Tipa selektora specifika un veiktspēja

Veidu atlasītāji atrodas specifiskuma kaskādes zemākajā līmenī (parasti rakstīts kā 0, 0, 0, 1), kas nozīmē, ka gandrīz viss pārspēs stilu, kas tiek izmantots tikai ar tipa atlasītāju, un tipa atlasītāja pievienošana klasei vai ID jūsu CSS nodrošina minimālu papildu specifiku.

Arī tipa atlasītāji CSS efektivitātes skalā ierindojas zemāk nekā klases un ID. Tāpēc tehniski labāka veiktspējas izvēle ir izmantot klasi vai ID, nevis vispārīgāku tipa atlasītāju (lai gan patiesā ātruma starpība parasti ir nenozīmīga).