是否可以创建一个从另一个CSS类（或多个）“继承”的CSS类。
例如，假设我们有：
.something { display:inline }
.else { background:red }
我想做的是：
.composite
{
.something;
.else
}
其中“.composite”类将显示为内联，并具有红色背景
当前回答
将常用属性放在一起，然后再次指定特定（或覆盖）属性。
/* ------------------------------------------------------------------------------ */
/* Headings */
/* ------------------------------------------------------------------------------ */
h1, h2, h3, h4
{
font-family : myfind-bold;
color : #4C4C4C;
display:inline-block;
width:900px;
text-align:left;
background-image: linear-gradient(0, #F4F4F4, #FEFEFE);/* IE6 & IE7 */
}
h1
{
font-size : 300%;
padding : 45px 40px 45px 0px;
}
h2
{
font-size : 200%;
padding : 30px 25px 30px 0px;
}
其他回答
这在CSS中是不可能的。
CSS中唯一支持的是比另一条规则更具体：
span { display:inline }
span.myclass { background: red }
类为“myclass”的span将同时具有这两个财产。
另一种方法是指定两个类：
<div class="something else">...</div>
“else”的样式将覆盖（或添加）“something”的样式
正如其他人所说，您可以向一个元素添加多个类。
但这不是真正的重点。我明白你关于遗产的问题。真正的问题是CSS中的继承不是通过类来实现的，而是通过元素层次结构来实现的。因此，要对继承的特性进行建模，需要将它们应用于DOM中不同级别的元素。
在特定情况下，可以执行“软”继承：
.composite
{
display:inherit;
background:inherit;
}
.something { display:inline }
.else { background:red }
这仅在将.composite类添加到子元素时有效。它是“软”继承，因为任何未在.composite中指定的值都不会明显继承。请记住，简单地写“inline”和“red”而不是“inherit”仍然会减少字符数。
以下是财产列表，以及它们是否自动执行此操作：https://www.w3.org/TR/CSS21/propidx.html
我认为这是一个更好的解决方案：
[class*=“button-“] {
/* base button properties */
}
.button-primary { ... }
.button-plain { ... }
事实上，你所要求的是存在的——但它是作为附加模块完成的。查看有关.NET中更好的CSS的示例。
查看Larsenal关于使用LESS的回答，了解这些附加组件的功能。
