Как выбрать определенные элементы по классу CSS

Question

Дано:

1

2

div

1

2

1

2

Как можно прописать стили .name {font-size: 12px;} для

, которые входят только в

? Если в целом для

задан стиль, например: .name {font-size: 18px;}

Vasily · Answer

Это можно сделать следующим образом:
.name2 div {
   font-size: 12px;
}

В данном случае будут выбраны только те div'ы, которые находиться внутри блока с именем класса name2.

Если Вы хотит выбрать только те div'ы которые являются прямыми наследниками блока с именем класса name2, то:
.name2 > div {
   font-size: 12px;
}

Дополняю ответ в связи с изменением оригинального  вопроса:
.name {
   font-size: 18px;
}

.name2 .name {
   font-size: 12px;
}

Здесь все аналогично примерам выше.
Справочник CSS Селекторы

One Answer