Ejemplo
Establecer un color de fondo para todos los <ul> elementos que están precedidos por un <p> elemento con el mismo padre:
p ~ ul
{
background: #ff0000;
}
Inténtalo tú mismo " Definición y Uso
El element1 ~ element2 selector equivale ocurrencias de element2 precedidas de element1 .
Ambos elementos deben tener el mismo padre, pero element2 no tiene que ser precedido inmediatamente por element1 .
| Versión: | CSS3 |
|---|
Soporte para el navegador
Los números de la tabla especifica la primera versión del navegador que es totalmente compatible con el selector.
| Selector | |||||
|---|---|---|---|---|---|
| element1 ~ element2 | 4.0 | 7.0 | 3.5 | 3.2 | 9.6 |
Note: Para este selector para trabajar en Internet Explorer 8 y versiones anteriores, un <! DOCTYPE> deben ser declarados.
sintaxis CSS