CSS elemento1 ~ elemento2 Selector
Ejemplo
Establezca un color de fondo para todos los elementos <ul> que estén precedidos por un elemento <p> con el mismo padre:
p ~ ul
{
background: #ff0000;
}
Definición y uso
El selector element1 ~ element2 coincide con las ocurrencias de element2 que están precedidas por element1 .
Ambos elementos deben tener el mismo padre, pero element2 no tiene que estar inmediatamente precedido por element1 .
Versión: | CSS3 |
---|
Compatibilidad con navegador
Los números de la tabla especifican 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 |
Sintaxis CSS
element ~ element {
css declarations;
}