CSS样式继承

假设我想定义两种样式

.color_red { color: Red; }
.banner { display: block; width: 100%; }

有没有办法让h1样式继承红色样式？我不想非得这么做

<div class="banner color_red">This is my banner.</div>

这是我的横幅。

我更喜欢这样做

.banner { ... inherit: color_red; }
...
<div class="banner">This is my banner.</div>

.banner{…inherit:color_red；}
...
这是我的旗帜。

让横幅上有红色文字。

你必须写：

.color_red, .banner { color: Red; } .banner { display: block; width: 100%; } .color_red、.banner{color:red；} .banner{显示：块；宽度：100%；}

---

不，无法直接执行此操作，最好共享样式定义：

.color_red,
.banner
{
  color: red;
}

然而，我想指出的是，你从错误的方向处理这个问题。你的分数应该与风格无关，并且应该在理想情况下引领风格的发展。这意味着定义

.color\u red

是一个严重的问题，因为它没有说明标记的语义，如果需要将标记设置为蓝色，您将面临多大的问题

最好允许您的标记像这样存在：

<div class="banner highlight">I am a banner AND I am highlighted!</div>

我是一面旗帜，我被突出显示！

支持：

<style>
.highlight
{
  color: red;
}

.banner
{
  display: block; 
  width: 100%;
}
</style>

.亮点
{
颜色：红色；
}
.横幅
{
显示：块；
宽度：100%；
}

这也是我能想到的最接近实际的方法。我想我必须这样做。我想这样做是为了允许颜色模板化。例如有一个深色1等。为了简单起见，我的示例使用显式颜色。我试图实现与C#中的部分类相同的效果。您可以查看hss：