Tastați - CSS-Tricks | Almanah CSS 2025

Un selector de tip (uneori denumit un selector de tip de element) se potrivește cu elementele cu numele nodului elementului corespunzător, cum ar fi

, și etichete. Selectoarele de tip sunt utilizate, în general, pentru a face modificări „de linie largă” la stilul unui site.

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

Utilizare comună

De multe ori Selectorele de tipuri sunt setate ca implicite, cum ar fi într-o resetare CSS în care intenția este de a înlocui valorile implicite ale browserului. Un exemplu din prima linie a normalize.css, o populară resetare CSS:

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

Selectorele de tip de mai sus setează proprietatea de afișare a acelor etichete de blocat, astfel încât, de fiecare dată când oricare dintre aceste etichete sunt utilizate pe tot site-ul, acestea vor fi afișate ca bloc, cu excepția cazului în care sunt suprascrise de un stil mai specific.

Cele mai bune practici

În general, este considerată o practică slabă să aplici modificări fine ale detaliilor doar cu un selector de tipuri. De exemplu, aplicarea unei proprietăți „culoare: alb” în mod general la toate etichetele ar fi rar folositoare pe orice site. Acest lucru se datorează faptului că etichetele sunt generice și sunt utilizate pe site-uri în diverse scopuri.

Cu toate acestea, cu un selector de tip, cum ar fi body ( ), setarea implicită font-size și line-heighteste obișnuit. Acest lucru se datorează în parte faptului că nu poate exista decât o singură etichetă pe o anumită pagină, deci există mai puține oportunități de conflicte.

Specificați și performanța selectorului de tip

Selectorele de tipuri se află la cel mai scăzut nivel al cascadei de specificitate (în general scrise ca 0, 0, 0, 1), ceea ce înseamnă că aproape orice va suprascrie stilul aplicat doar printr-un selector de tip și adăugând un selector de tip la o clasă sau un ID în CSS-ul dvs. oferă o specificitate suplimentară minimă.

Selectoarele de tip se clasează, de asemenea, pe scara de eficiență CSS decât clasele și ID-urile. Prin urmare, este o alegere de performanță mai bună din punct de vedere tehnic să utilizați o clasă sau un ID mai degrabă decât selectorul de tip mai generic (deși diferența reală de viteză este de obicei neglijabilă).