Главная » Полезные материалы » Спецэффекты и кросс-браузеры » Применение селекторов дочерних и сестринских элементов

Применение селекторов дочерних и сестринских элементов

Родительский элемент может наследоваться несколькими элементами, которые по отношению к нему будут являться дочерними, а по отношению друг к другу – сестринскими. Дочерние элементы располагаются внутри родительского элемента и разделяются символом ">", который называется комбинатором, и обычно объединяет части селектора.

С помощью селектора дочерних элементов можно выбирать непосредственных потомков элемента. А посредством селектора сестринских элементов выбираются те элементы, которые имеют общий родительский элемент.

Последовательность в селекторе дочерних элементов выглядит так: родитель, комбинатор >, дочерний элемент, объявление, например, такое: div#content>p {color: yellow;}. Трактовка правила означает, что к абзацам, которые относятся к непосредственным потомкам div с идентификатором #content, будет применен желтый цвет шрифта.

Последовательность в селекторе сестринских элементов имеет такой вид: родитель, комбинатор +, сестринский элемент, объявление, например, такое: div#warning р + р {grey: ;}. Трактовка: к абзацам, которые находятся внутри элемента div с идентификатором #warning, будет применен серый цвет шрифта.

Вас интересует изготовление сайтов? Советуем Вам обратиться в студию Дизайн-Дисконт. Опытные профессионалы предлагают разработку и изготовление сайтов, интернет-магазинов, сайтов-визиток под ключ. Квалифицированные специалисты делают свою работу быстро, качественно, эффективно. Только индивидуальный подход. Всю подробную информацию Вы получите на diz-dis.ru или связавшись с консультантами студии.