Cómo utilizar el selector: no () en CSS3

En algunos casos, es más fácil para seleccionar objetos en función de las características de CSS3 que se no hacer tiene - para hacer esto usted podría usar: no (Selector). Por ejemplo, es posible que desee cambiar el formato de cada objeto que no está dentro de una

etiqueta.

En este caso, se puede crear una lista de etiquetas utilizando el selector de coma y la esperanza de que su lista es completa, o usted podría utilizar el selector: no (). Por ejemplo,: no (p) selecciona cada objeto que no es una

etiqueta. También puede crear selecciones complejas mediante el: No) Selector (: Un selector de: no (divgt; p), por ejemplo, selecciona cada

etiqueta que no tiene una

etiqueta como padre.

Incluso con esta breve lista de los selectores de etiquetas, se puede ver que CSS es bastante flexible cuando se trabaja con las etiquetas. Al ver los selectores en la acción le ayudará a entender un poco mejor. El procedimiento siguiente muestra cómo utilizar las distintas etiquetas:

crear el ExternalCSS.HTML archivos y ExternalCSS.CSS y copiarlos a una nueva carpeta.

ExternalCSS.HTML abierta.

Escriba el siguiente código después de la existente

etiqueta en el archivo y guardar los cambios en el disco.

El texto dentro de un DIV.

Texto con un padre DIV.

Texto después de un DIV.

Más texto después de un DIV.

Este código se limita a añadir etiquetas en los arreglos específicos para que pueda probar los diferentes selectores. Si abre el archivo resultante ahora, se ve que cada una de las

etiquetas ha sido formateado automáticamente como el original

etiqueta.

ExternalCSS.CSS abierta.

Escriba el siguiente código después de los estilos existentes y guardar los cambios en el disco.

divgt; p {text-align: right;} insertar la imagen durante 2,2 AQUÍ

Actualizar la página de prueba.

Tenga en cuenta que el único

la etiqueta que ha sido afectada es la que tiene la

etiqueta como una matriz directa. Además, observe que las cascadas de formato anteriores en el formato actual. No ha anulado cualquier parte del formato existente, por lo que el texto aparece como antes - simplemente utiliza la derecha; la justificación en lugar del predeterminado dejó; justificación.

Escriba el siguiente código después de los estilos existentes y guardar los cambios en el disco.

Video: Como escribir código CSS dinámico con Stylus, Pre procesador CSS

div p {text-decoration: tachado-background-color: # ff7f7f-}

Actualizar la página de prueba.

Video: Curso CSS - 2. Selectores Id y Class

Observe que dos líneas se ven afectados en esta ocasión. Además, el estilo background-color ha cambiado, por lo que estas dos líneas de usar el nuevo color - éste tendrá prioridad sobre el color original. Cuando se piensa en la parte de conexión en cascada de CSS, pensar en una corriente donde los cambios descendentes tienen prioridad sobre el estado original del agua.

Escriba el siguiente código después de los estilos existentes y guardar los cambios en el disco.

div + p {font-family: monospace-font-style: italic-}

Actualizar la página de prueba.

Sólo la línea que aparece justo después de la

se ve afectada: La fuente ha cambiado a una fuente de espacio sencillo (normalmente reservado para el código) y está en cursiva.

Escriba el siguiente código después de los estilos existentes y guardar los cambios en el disco.

div ~ p {font-weight: más audaz-font-size: 30px; margen: 0px; color: # 7f007f-}

Actualizar la página de prueba.

Video: 07.- Curso de CSS3. Selectores de Atributos

Nótese que tanto

etiquetas que aparecen después de la

etiqueta se ven afectados. La fuente ahora aparece en negrita y es más grande. El color de la fuente también ha cambiado. Especialmente importante en esta parte del ejemplo es que la fijación del margen de 0px se deshace del espacio en blanco entre líneas.