Categoria

specificità-css

3 articoli associati a questo tag.

1 ottobre 2026

Specificità CSS in DevTools: da Chrome 151 la vedi al volo (e smetti di “fare i conti” a mente)

Con Chrome 151, DevTools calcola automaticamente la specificità dei selettori CSS. Basta passare il mouse su un selettore nel pannello Styles per vedere un tooltip con il valore di specificità. Una piccola feature che cambia il modo in cui debuggare conflitti di stile: meno tentativi alla cieca, più controllo sul peso dei selettori e meno necessità di usare !important.

30 settembre 2026

Chrome DevTools 151–153: resend delle request, preload più chiaro, viewer binario e CSS specificity a portata di hover

Panoramica delle novità di Chrome DevTools tra le versioni 151 e 153: nuove azioni “Resend” e “Edit and resend as fetch” nel Network panel, colonna “Preloaded” e copia rapida del tag <link rel=\"preload\">, viewer binario per payload, tooltip sulla specificità CSS e miglioramenti per CSS nesting e relazioni tra elementi. In più: metriche per soft navigation nel Performance panel, export di console.table in Markdown/CSV e potenziamenti per il debugging della memoria con agent tramite MCP.

4 giugno 2026

CSS Nesting: due trappole comuni (ampersand e specificità)

Il nesting nativo in CSS è ormai abbastanza supportato da finire in produzione. Tuttavia, ci sono due “gotcha” che possono sorprendere: l’uso dell’ampersand (&) in stile BEM (che non si comporta come in Sass/Less) e un caso meno intuitivo in cui la specificità di una selector list può “contaminare” selettori più semplici, rendendo più difficile sovrascrivere alcune regole.