CSS类可以继承一个或多个其他类吗？

是否可以创建一个从另一个CSS类（或多个）“继承”的CSS类。

例如，假设我们有：

.something { display:inline }
.else      { background:red }

我想做的是：

.composite 
{
   .something;
   .else
}

其中“.composite”类将显示为内联，并具有红色背景

当前回答

是的，但不完全符合这个语法。

.composite,
.something { display:inline }

.composite,
.else      { background:red }

其他回答

在特定情况下，可以执行“软”继承：

.composite
{
display:inherit;
background:inherit;
}

.something { display:inline }
.else      { background:red }

这仅在将.composite类添加到子元素时有效。它是“软”继承，因为任何未在.composite中指定的值都不会明显继承。请记住，简单地写“inline”和“red”而不是“inherit”仍然会减少字符数。

以下是财产列表，以及它们是否自动执行此操作：https://www.w3.org/TR/CSS21/propidx.html

在Css文件中：

p.Title 
{
  font-family: Arial;
  font-size: 16px;
}

p.SubTitle p.Title
{
   font-size: 12px;
}

是的，但不完全符合这个语法。

.composite,
.something { display:inline }

.composite,
.else      { background:red }

我意识到这个问题已经很老了，但是，这里什么都没有！

如果目的是添加一个包含多个类的财产的类作为本机解决方案，我建议使用JavaScript/jQuery（jQuery确实不是必需的，但确实很有用）

例如，如果您有从.baseClass1和.baseClass2“继承”的.bumbellaClass，则可以有一些JavaScript在就绪时启动。

$(".umbrellaClass").addClass("baseClass1");
$(".umbrellaClass").addClass("baseClass2");

现在.umbrellaClass的所有元素都将具有.baseClasss的所有财产。请注意，与OOP继承一样，.umbrellaClass可能有也可能没有自己的财产。

这里唯一需要注意的是，是否有动态创建的元素在代码触发时不存在，但也有简单的方法可以解决。

不过，Sucks css没有原生继承。

完美的时机：我从这个问题转到了我的电子邮件，找到了一篇关于Less的文章，这是一个Ruby库，除其他外，它还做了以下工作：

由于super看起来就像页脚，但字体不同，所以我将使用Less的类包含技术（他们称之为mixin）来告诉它也包含这些声明：

#super {
  #footer;
  font-family: cursive;
}

推荐文章