Просмотров: 5 582

CSS. Селектор для выбора следующего (соседнего) элемента.

Задача:

Имеем следующий HTML-код:

<p>Абзац 1</p>
<p>Абзац 2</p>
<p>Абзац 3</p>

Задача в том, чтобы выбрать и оформить элемент абзаца <p>, который идет сразу после абзаца с классом «target».

Решение:

Решение здесь довольно простое. Нужно воспользоваться селектором «+»

Выглядит это следующим образом.

.target + p {color:red;}

Посмотрите, как это работает:

Кстати, хотите узнать есть ли смысл в каком-то элементе на вашем сайте с помощью «целей» Яндекс Метрики и Google Analytics?

Уберите то, что НЕ работает, добавьте то, что работает и удвойте вашу выручку.

Курс по настройке целей Яндекс Метрики..

Курс по настройке целей Google Analytics..

  • Алексей

    Благодарю, но у Вас в html я не увидел p с классом target