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;


}