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;
}

Всі Коментарі (0)

Зареєструйся на сайті, аби мати змогу залишати коментарі. Зареєструватися  чи
Немає Коментарів