CSS3 element1~element2 Selector
Example
Set a background color for all <ul> elements that are preceded by a <p> element with the same parent:
p ~ ul
{
background: #ff0000;
}
Try it yourself »
Definition and Usage
The element1~element2 selector matches occurrences of element2 that are preceded by element1.
Both elements must have the same parent, but element2 does not have to be immediately preceded by element1.
| Version: | CSS3 |
|---|
Browser Support
The numbers in the table specifies the first browser version that fully supports the selector.
| Selector | |||||
|---|---|---|---|---|---|
| element1~element2 | 4.0 | 7.0 | 3.5 | 3.2 | 9.6 |
Note: For this selector to work in IE8 and earlier, a <!DOCTYPE> must be declared.
CSS Syntax
