Guide / CSS — fogli di stile / Selettori

Selettori

Tipo, classe, id, attributo e combinatori.

Selettori base: nome elemento (p), .classe, #id (unico per pagina), [attributo="valore"]. I combinatori includono discendente (spazio), figlio (>), adiacente (+) e generale (~).

Evita di dipendere solo da id per lo stile: le classi sono più flessibili per componenti riusabili.

Esempio

article.intro > p:first-of-type { font-size: 1.125rem; }
.btn[data-variant="primary"] { font-weight: 600; }