css: по-лесен начин за писане: div.markup h1, div.markup h2, div.markup h3 {цвят: # f00;}? - html, css, css-селектори

Има ли по-лесен начин да напишете това?

<style type=text/css>
div.markup h1,div.markup h2,div.markup h3,div.markup h4{color:#f00;}
</style>

Отговори:

Страхувам се, че отговорът не е. Би било хубаво да можеш да направиш div.markup (h1,h2,h3,h4) но сегашната спецификация не го позволява.

Не наистина. Външни CSS предварителни компилатори като SASS предлагат алтернативен синтаксис, така че това трябва да работи:

div.markup
{
h1,h2,h3,h4 { color: #F00; }

}

Това обаче не е възможно в нормалния CSS.

Не, няма по-лесен начин да напишете това в CSS.

Можеш да помислиш да използваш нещо подобно {по-малко} за обработка на стиловите листове, което ще ви позволи да го напишете като:

div.markup {
h1, h2, h3, h4 { color: #f00; }
}