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

Question

[Имя Имечко]

У меня есть вот такая структура HTML

<div class="header">
	<div><span></span></div>
	<div><span></span></div>
	<div><span></span></div>
</div>

Как мне обратиться к каждому элементу, который находится в стиле header. Можно прописать каждому свой стиль, но интересует именно способ без дополнительного прописывания стилей во вложенных элементах. Но при этом, мне нужно написать для каждого div и span разные стили.

Comments

[Евгений Петров]

Ориентироваться на имена тэгов — верная дорога в ад.

[Имя Имечко]

Евгений Петров: поясните почему...

[Александр Гамов]

Николай Петюх: При грамотном подходе к работе - не такой уж и ад )
Обозначить область применения стилей (к примеру только шапка) и писать их в отдельном файле или отделять комментариями. Вполе себе удобно получается и html не загрязнен.

Answer 1

[Igor Belikov]

/* каждый див */
.header > div {}
/* каждый спан в диве */
.header > div > span {}

/* первый див и соответственно по номеру */
.header div:nth-child(1) {}
/* первый див и его спаны */
.header div:nth-child(1) span {}

Comments

[Имя Имечко]

Но при этом, мне нужно написать для каждого div и span разные стили.

[Igor Belikov]

Добавил стиль.

Answer 2

[Коля]

.header div {
}
.header div span {
}

Comments

[Имя Имечко]

Но при этом, мне нужно написать для каждого div и span разные стили.

[Коля]

Саня: не для каждого, эти стили применятся для всех div внутри класса .header, ну а аналогично с тегом span.

Answer 3

[Александр Таратин]

https://www.google.ru/webhp?sourceid=chrome-instan...