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> і задає їх стиль

p ~ ul {


    background: #ff0000;


}