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

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

Задача:

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

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

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

Решение:

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

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

.target + p {color:red;}

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

Кстати, если вам будет интересно, я занимаюсь настройкой систем веб-аналитики для сайтов (Яндекс Метрика и Google Analytics).

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

С помощью инструмента «Цели» вы можете добиться хороших результатов в этом деле. Подробнее здесь.

  • Алексей

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