CSS selector p ~ ul

Селектор element1~element2 обирає всі вказані елементи element2, які розташовані після елемнта element1. Обидва елементи мають мати одного батька.

Порада:

Цей селектор схожий на селектор element1+element2, але на відмінну від нього обираї всіх наступних братів, а не тільки одного наступного.

Синтакс

element ~ element {


    css declarations;


}

Переглядачі

Переглядач
sibling

4.0

7.0

3.5

3.2

9.6


Мобільних переглядачів ще не додано.

Приклади


Обирає всі елементи <ul> які розташовані перед елементом `` і задає їх стиль

p ~ ul {


    background: #ff0000;


}