CSS element1~element2 Selector

Set a background color for all <ul> elements that are preceded by a <p> element with the same parent:

p ~ ul {
background: #ff0000;
}

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

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

element ~ element {
css declarations;
} Demo