Как прописать стиль для всех элементов класса?

Question

[Soho]

Есть div c классом .single-text
В этом div используются заголовки h1, h2, h3 и т.д

Как правильно написать, чтобы не делать перечисления в стилях типа

.single-text h1, .single-text h2, .single-text h3 {color: red;}

Comments

[Ярослав Иванов]

так задайте .single-text {color: red;}

[Soho]

.single-text там текст, а мне нужно именно заголовки

[Ярослав Иванов]

Soho: Тогда только тот вариант, который вы написали. По-другому никак.

Answer 1

[v3shin]

Можете подключить к разработке less или sass, чтобы писать:

.single-text{
  h1, h2, h3{
    color: red;
  }
}

Хотя, сгенерированный код будет такой как вы показали.

Answer 2

[Vasyl Kovbassa]

придумай новый класс

.hgroup {
color: red;
}

и задай нужным тегам.
А вообще уверуй в BEM и BEM уверует в тебя))

Answer 3

[Юрий Олиярнык]

.single-text > *
или
.single-text *

Comments

[Mr. Pavlyukov]

вообще не вариант, у него там другой текст еще есть