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.


Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The element1~element2 selector is supported in all major browsers.

Note: For this selector to work in IE, a <!DOCTYPE> must be declared.