Довідники CSS3 Вкладені селектори

Що таке Вкладені селектори в CSS3?

У HTML можна вписати одні теги до інших. У CSS ми можемо вибирати ті теги, які вкладені в тег. Для цього використовується конструкція вкладених селекторів (&B>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.
А ось тут стилів нема!
Коментарі
Додати коментар

Поки що коментарів немає