Задача:

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

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

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

Решение:

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

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

.target + p {color:red;}

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

Больше моих уроков по HTML, CSS и верстке сайтов здесь.