El selector :not() es un selector nuevo para CSS3, que nos permite negar las búsquedas que estabamos haciendo.
Un ejemplo del mismo en el salto de la página (Clickar en “Leer más”)
//CSS
/* Todos los elementos input */
input {
border:1px red solid;
}
/* El elemento con id #phone */
input#phone {
background-color:yellow;
}
/* Todos los elemento no #phone*/
input:not(#phone) {
background-color:green;
}
/* Todos los elementos que no sean Submit */
input:not([type="submit"]) {
font-size:3em;
}
// HTML
<form id="comments_form" action="" method="post">
<fieldset>
<p>
<label for="name">Nombre: </label>
<input name="nombre" value="" type="text" id="name" />
</p>
<p>
<label for="surname">Apellido: </label>
<input name="apellido" value="" type="text" id="surname" />
</p>
<p>
<label for="phone">Teléfono: </label>
<input name="telefono" value="" type="text" id="phone" />
</p>
<p>
<input type="submit" value="Enviar" />
</p>
</fieldset>
</form>
Como se puede observar, también nos ofrece otra posibilidad con la que seleccionar nuestros elementos.
Más información | Kilian (En inglés).
Vía | Anieto2k
