So che esiste una :checked
pseudo-classe CSS3 ufficiale , ma esiste una :unchecked
pseudo-classe e hanno lo stesso supporto per il browser?
Il riferimento di Sitepoint non ne menziona uno, tuttavia questa specifica whatwg (qualunque essa sia) fa.
So che lo stesso risultato può essere raggiunto quando le :checked
e :not()
pseudo-classi sono combinate, ma io sono ancora curioso:
input[type="checkbox"]:not(:checked) {
/* styles */
}
Modificare:
Il w3c consiglia la stessa tecnica
Una casella di controllo deselezionata può essere selezionata utilizzando la pseudo-classe di negazione:
:not(:checked)