Просмотров: 3 600

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

Задача:

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

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

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

Решение:

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

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

.target + p {color:red;}

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

Вот несколько книг, которые помогут вам разобраться в верстке сайтов и CSS более подробно.

02019055_cover-pdf-kniga-nina-komolova-komputernaya-verstka-i-dizayn-samouchitel    css3 cover_OUT.indd    09450331_cover-pdf-kniga-devid-soyer-makfarland-bolshaya-kniga-css3-2