Categoria

selettori-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.

27 giugno 2026

Un’avventura punta-e-clicca senza JavaScript: inventario, note e… radio button

È possibile realizzare un mini gioco d’avventura senza JavaScript? Sì, se accetti alcune regole: stato semplice, navigazione a step e UI costruita con HTML + CSS. In questo articolo vediamo un approccio basato su input “checked” e selettori CSS per spostare la viewport a segmenti e simulare stanze, frecce direzionali e un inventario (con oggetti come una mela o un biglietto).

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.