Що таке Вкладені селектори в 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.
А ось тут стилів нема!
Коментарі