Просмотров: 4 875

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

Задача:

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

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

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

Решение:

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

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

.target + p {color:red;}

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

Кстати, если вам будет интересно, я занимаюсь веб-аналитикой сайтов. Если вы хотели бы сделать ваш сайт более эффективным и, чтобы он приносил больше денег, веб-аналитика может в этом помочь.

Обучающий курс для начинающих по основам работы с веб-аналитикой сайтов на системе Яндекс Метрика здесь.

Страница с описанием моих услуг по веб-аналитике: здесь.

  • Алексей

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