CSS 样式继承

Question

假设我想定义 2 种样式。

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

有没有办法让 h1 样式继承 color_red 样式？我不想做

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

我更愿意做这样的事情......

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

并让横幅有红色文字。

Answer 1

你必须写:

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