Entradas

Mostrando entradas de mayo 14, 2012

CSS

Imagen
Introducción a CSS 2.2.2. Selector adyacente El selector adyacente utiliza el signo + y su sintaxis es: elemento1 + elemento2 { ... } La explicación del comportamiento de este selector no es sencilla, ya que selecciona todos los elementos de tipo elemento2 que cumplan las dos siguientes condiciones: ▪ elemento1 y elemento2 deben ser hermanos, por lo que su elemento padre debe ser el mismo. ▪ elemento2 debe aparecer inmediatamente después de elemento1 en el código HTML de la página. En el siguiente ejemplo: h1 + h2 { color: red } Titulo1
Subtítulo
... Otro subtítulo
... Los estilos del selector h1 + h2 se aplican al primer elemento de la página, pero no al segundo , ya que:
▪ El elemento padre de es , el mismo padre que el de los dos elementos .
Así, los dos elementos cumplen la primera condición del selector adyacente.
▪ El primer elemento aparece en el código HTML justo después del elemento , por lo que este elemento también cumple la segunda condición del selector adyac…