Иерархия стилей CSS?

У меня есть вот такая структура HTML
<div class="header">
	<div><span></span></div>
	<div><span></span></div>
	<div><span></span></div>
</div>

Как мне обратиться к каждому элементу, который находится в стиле header. Можно прописать каждому свой стиль, но интересует именно способ без дополнительного прописывания стилей во вложенных элементах. Но при этом, мне нужно написать для каждого div и span разные стили.
  • Вопрос задан
  • 2282 просмотра
Решения вопроса 1
igorbelikov
@igorbelikov
Fullstack Developer
/* каждый див */
.header > div {}
/* каждый спан в диве */
.header > div > span {}

/* первый див и соответственно по номеру */
.header div:nth-child(1) {}
/* первый див и его спаны */
.header div:nth-child(1) span {}
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
Dev_Kpug
@Dev_Kpug
.header div {
}
.header div span {
}
Ответ написан
Taraflex
@Taraflex
Ищу работу. Контакты в профиле.
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы