Vai al contenuto

CSS3 selettori avanziati

div p {} // Seleziona tutti i paragrafi nel div
h3 ~ p {} // Seleziona i fratelli di h3, h3 escluso
h3 + p {} // Seleziona solo il paragrafo successivo ad h3
a[target] // Seleziona i link con attributo target
a[href*="google"] // Seleziona i link che hanno google come parola del link
p:first-child {} //Seleziona il primo paragrafo
p:last-child {} //Seleziona l'ultimo paragrafo
:only-child
:first-of-type


<div> 
<h3> <p> <p> <a target="_blank">
</div>
a:hover {}
input:focus {} // Se cliccato
:enable {} // Se abilitato
:disabled {} // Se disabilitato
:checked {} // Selezionato
tr:nth-child(2n-1) {} // Righe alternate
:nth-last-child {}
:nth-of-type {}
:empty {} // Vuoti
:not(.green) {}
:first-letter {}
:first-line {}
:after {content:"Contenuto aggiunto"}
:before {content:"("attr(href)")"}

Lascia un commento

Il tuo indirizzo email non sarĂ  pubblicato. I campi obbligatori sono contrassegnati *