CSS selector p ~ ul

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

Обидва елементи мають мати одного батька.

правити

Порада

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

автор: NagarD правити

+ додати пораду чи нотатку

Синтаксис

element ~ element {


    css declarations;


}

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	1	1	3	9	12	7

Підтримка: мобільні переглядачі

Переглядач
	4.4	18	4	1

Приклади

+ запропонувати свій приклад у пісочниці

<ul><li>Список перед абзацом — без змін.</li></ul>
<p>Абзац.</p>
<ul><li>Список після абзацу — червоний.</li></ul>
<div>Між ними може стояти будь-що.</div>
<ul><li>І цей червоний: ~ бачить усіх наступних братів.</li></ul>

p ~ ul {
    background: #ff0000;
}