Introduzione ai CSS - HTML5 con CSS e JavaScript - page 77

<p class="redP">Paragrafo rosso.</p>
<p>Altro paragrafo</p>
Esempio 4.13 - CSS
p:not(.redP){
color: green;
}
p.redP {
color:red;
}
Occorre prestare attenzione al fatto che le negazioni non possono essere innestate. Questo
pseudo-elemento ritorna molto comodo quando si vuole applicare una determinata regola
all'interno del CSS, negando una regola, così da poter applicare in maniera più specifica la
regola stessa a un determinato insieme di elementi.
I selettori di attributi
Un altro caso interessante è rappresentato dai selettori che si applicano ad attributi presenti
nel markup. Nel capitolo 3 abbiamo visto come vengano introdotti alcuni elementi aggiun-
tivi e come, per questo motivo, si possano formattare più agevolmente attraverso CSS.
In particolare, prima di CSS3 non esisteva un modo semplice per distinguere tra ele-
menti di una form, per cui molto spesso, per evitare di applicare uno stile alle checkbox,
era necessario specificare manualmente uno stile. Grazie ai selettori di CSS3, invece,
diventa possibile applicare semplicemente una formattazione specifica, come riportato
nell'esempio 4.14 .
Esempio 4.14
input, textarea, select {
color:black;
background:red;
}
input[type="button"] {
color:red;
background:black;