CSS selector div + p


Селектор element1+element2 використовується для вибірки елементів element2, що розміщені відразу після елементів element1.

автор: NagarD

Синтаксис

element + element {


    css declarations;


}

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft Internet Explorer
adjacent 1 1 1 1 7,0

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

Приклади

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

Селектор div + p обирає лише той <p>, що стоїть у розмітці одразу після <div> — сусідні далі не зачіпаються.

HTML

<div>Блок div</div>
<p>Цей абзац іде одразу за div — він жовтий.</p>
<p>А цей стоїть другим після div — правило його не зачіпає.</p>

CSS

div + p {
    background-color: yellow;
}
автор: NagarD

Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід