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

element ~ element {
    css declarations;
} Demo



SHARE THIS PAGE

COLOR PICKER

colorpicker





Search w3schools.com:

Translate w3schools.com: