Contenido

El selector :not() de CSS3

25 ago

+ 5

Es un selector del que no se ha hablado mucho y que realmente dará mucho juego en un futuro. Este selector, nos permite negar las busquedas que hasta ahora estabamos haciendo.

La mejor forma de comprender lo que :not() nos ofrece es mediante un ejemplo:

//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 podemos ver, nos ofrece otra posibilidad más con la que seleccionar nuestro elementos.

  • Y de qué sirve, si aquí la peña va a estar usando Internet Explorer aunque los mates.

    Porque damos por hecho que el Explorer incorporará esto cuando alcance la versión 33 y para entonces habremos pisado Plutón 40 veces.

    Pero para los programadores bohemios es una buena noticia, claro. Nosotros hacemos páginas chulas y bien hechas para que, al final, seamos nosotros 4 y los 4 freaks los que veamos la página como realmente es (porque Firefox tampoco es que incorpore gran cosa, aún tardará siglos en incorporar el text-shadow que interpreta Safari).

  • @Nosolomusica: Hombre, hay que ser pacientes. Quizas lo vean nuestros hijos, pero les podremos decir que nosotros sabemos de que trata ;)

    Si lo importante es tener temas de conversación con ellos :D

  • @Nosolomúsica: Y el de Safari no acepta sombras múltiples. El único navegador que lo acepta son las versiones antiguas de iCab (las que no están basadas en Webkit).

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.