Sélecteur CSS element1 ~ element2
Exemple
Définissez une couleur d'arrière-plan pour tous les éléments <ul> précédés d'un élément <p> avec le même parent :
p ~ ul
{
background: #ff0000;
}
Définition et utilisation
Le sélecteur element1 ~ element2 correspond aux occurrences de element2 qui sont précédées de element1 .
Les deux éléments doivent avoir le même parent, mais il n'est pas nécessaire que element2 soit immédiatement précédé de element1 .
Version: | CSS3 |
---|
Prise en charge du navigateur
Les nombres dans le tableau spécifient la première version du navigateur qui prend entièrement en charge le sélecteur.
Selector | |||||
---|---|---|---|---|---|
element1~element2 | 4.0 | 7.0 | 3.5 | 3.2 | 9.6 |
Syntaxe CSS
element ~ element {
css declarations;
}