Как сгруппировать H1-H6 в CSS?

Question

[Dubrovin]

Возможно ли сгруппировать такой код в CSS:

.class h1,
.class h2,
.class h3,
.class h4,
.class h5,
.class h6 {
    color: red;
}

Во что-то вроде такого:

.class [h1-h6] {
    color: red;
}

Comments

[Андрей]

С помощью SASS(SCSS)

.class {
    @for $i from 1 through 6 {
        h#{$i} { color: red; }
    }
}

[Dubrovin]

Андрей, меня интересует то, что на выходе, SCSS я и так использую.

[Андрей]

Т. е. вы хотите из CSS получить SCSS?

[Владимир]

Дайте всем заголовкам класс типа hdr

<h1 class='hdr some_another'>....<h1>
<h3 class='hdr another_some'>....<h3>

.hdr {
color:red;
}

Answer 1

[Максим Тимофеев]

меня интересует то, что на выходе, SCSS я и так использую.

Не совсем понятно чем Вас смущает Ваш первый вариант и почему Вас интересует что там на выходе, если Вы используете sass. Это странно. Вижу только вариант "тупо интересно".

Конкретно по вопросу - нет, так нельзя сделать средствами голого css

Comments

[Dubrovin]

Потому что кода получается в 6 раз больше. Мне не "тупо интересно", я ищу вариант, как сделать меньше размер результирующего css файла.