Почему не получается группировать классы?

Question

[Роман Тузов]

Есть фрагмент кода:

.single__text-over h2,h3,h4,h5,h6 {
       ...
    }

По идеи оно должно быть как
.single__text-over h2, .single__text-over h3 и т.д.
Но, почему-то после .single__text-over h2 оно считает отдельно h3 h4 h5 h6 как без класса .single__text-over

Answer 1

[Alex]

https://developer.mozilla.org/en-US/docs/Web/CSS/:is

Comments

[Rustam Bainazarov]

Только учтите, что это не для всех браузеров.

Answer 2

[Ankhena]

Потому что вы пишете на чистом CSS, т.е. как перечислили селекторы, так и будет.
Если начнете пользоваться препроцессорами, то можно будет писать так:

.single__text-over {
  его свойства

  h2,h3,h4,h5,h6 {
  свойства для заголовков
  }
}

Такой код разложится в то, что вам хочется.

Comments

[Роман Тузов]

например какой препроцессор порекомендуете?

[Rustam Bainazarov]

Hutson, SASS.

[Ankhena]

Hutson, sass в вариации scss

Answer 3

[IninsaY]

h2,h3,h4,h5,h6.single__text-over {
...
}
Так должно работать

Comments

[Роман Тузов]

к сожалению, нет