Search w3schools.com:

SHARE THIS PAGE

CSS Reference

CSS Reference CSS Selectors CSS Reference Aural CSS Web Safe Fonts CSS Units CSS Colors CSS Color Values CSS Color Names CSS Color HEX CSS3 Browser Support

CSS Properties

CSS3 element1~element2 Selector

Complete CSS Selector Reference Complete CSS Selector Reference

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 IE8 and earlier, a <!DOCTYPE> must be declared.


Complete CSS Selector Reference Complete CSS Selector Reference


Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]