Selettori Avanzati Css
I selettori avanzati permettono di targetizzare elementi con precisione.
Selettori di attributo
[type="text"] { } /* Attributo uguale */
[href^="https"] { } /* Inizia con */
[href$=".pdf"] { } /* Finisce con */
[class*="btn"] { } /* Contiene */Combinatori
div p { } /* Discendente (tutti i p dentro div) */
div > p { } /* Figlio diretto */
h2 + p { } /* Fratello adiacente (p subito dopo h2) */
h2 ~ p { } /* Fratelli generali (tutti i p dopo h2) */Selettori :not() e :has()
/* Tutti tranne */
li:not(:last-child) { border-bottom: 1px solid #ccc; }
/* Genitore che contiene (nuovo!) */
.card:has(img) { padding-top: 0; }