/ Справочники / CSS3 / Вложенные селекторы

Информация по поводу - Вложенные селекторы


В HTML можно вписать одни теги в другие. В CSS мы можем выбирать те теги, которые вложены в какой-либо тег. Для этого используется конструкция вложенных селекторов (A B). Например, мы можем задать стили для всех em, которые находятся в тегах div.

Стоит знать: мы можем проделывать подобное для множества тегов, к примеру div em b {стили здесь};. Также это работает не только с тегами, но и с классами или же с идентификаторами.

Пример селектора:
#example em {
	color: #cc4d4d;
}
HTML код:
<div id="example">Lorem ipsum <em>dolor</em> sit amet, consectetur adipisicing <em>elit</em>, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
<em>А вот здесь стилей нет!</em>
Результат:
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
А вот здесь стилей нет!