Суседні селектар у CSS
Суседні селектар + дазваляе выбраць
элемент па яго суседзе зверху.
Сінтаксіс
селектар1 + селектар2 {
}
Прыклад
Давайце звернемся да ўсіх тэгаў p,
непасрэдна якія знаходзяцца пасля тэгаў h2,
і афарбуем іх у чырвоны колер:
<h2>text</h2>
<p>
+
</p>
<p>
-
</p>
<p>
-
</p>
h2 + p {
color: red;
}
:
Прыклад
Давайце звернемся да ўсіх тэгаў p,
непасрэдна якія знаходзяцца пасля элементаў
з класам .test, і афарбуем іх у чырвоны
колер:
<p class="test">
text
</p>
<p>
+
</p>
<p>
-
</p>
.test + p {
color: red;
}
:
Прыклад
Давайце звернемся да ўсіх элементаў з класам
.elem, непасрэдна якія знаходзяцца
пасля элементаў з класам .test, і
афарбуем іх у чырвоны колер:
<p class="test">
text
</p>
<p class="elem">
+
</p>
<p>
-
</p>
.test + .elem {
color: red;
}
:
Глядзіце таксама
-
Даччыны селектар,
які дазваляе выбраць элементы па непасрэднай укладзенасці -
Кантэкстны селектар,
які дазваляе выбраць элемент па яго бацьку -
Сяброўскі селектар,
які дазваляе выбраць элементы пасля зададзенага -
Універсальны селектар,
які дазваляе выбраць усе элементы
