我们可以声明多个父CSS类，而子类保持不变吗？

正如我们所知，有几种CSS快捷方式（大于、无间距连接的类等），但我想知道我们是否可以声明多个父CSS类，而子CSS类保持不变

为了方便起见，我使用了一个简单的例子

而不是：

.node-type-sponsors .container .page-header, 
.node-type-supporters .container .page-header 
{color:blue;}

是否有一种更简单的方法来编写此文件，即指定受影响的父类，但只列出一次子类

例如：

---

不，如果没有sass/less等，这是不可能的

作为黑客如果您有与

完全相同的场景，则在类名称的开始或结束处有一个模式匹配

，您可以执行类似操作，您可以查看“开始匹配”属性

 [class^="node-type"] .container{}

工作演示：

[class^=“节点类型”]容器{
颜色：红色；
}

abc
abc

在此代码段中，每个

元素的父元素

div

，或

span

具有指定类的元素都有黄色背景。您正在寻找

组合器

.this-is-a-div、.this-is-a-span>p{
背景颜色：黄色；
}

一段中的一段

第1款

本款第2段

第3段。不在房间里

第4段。不在div中。

您是否可以向所需的html元素添加另一个类并引用该类？不使用CSS。。像SASS/LESS这样的预处理器语言可能能够做到这一点，但它仍然会输出相同的CSS。换句话说，预处理器将使CSS的编写更快，但不会减少输出结果。不，这是不可能的。在这种情况下，您可能可以使用

.container.page header

，而不使用父定义。如果没有，就没有办法使代码更短。在您的示例中，

[class^=“node type”]

的可能重复只定义那些以

节点类型开始的类。我在回答时写道，如果您正好有这个匹配模式，那么您可以尝试一下。您是对的。我只是在你解释之前说的。
 [class^="node-type"] .container{}