在CSS中结合两个类？

Question

我曾尝试将结合到CSS中的类中，但最终我失败了。我用了这段代码：

.container{ .ningbar }

我想要做的是将ningbar图层中的项目与容器图层中的项目结合起来。谢谢，菲尼亚斯。

Answer 1

这可以胜任：

.container { /*container rules*/ }

.ningbar { /*ningbar rules*/ }

.container,.ningbar { /*shared rules*/ }

Answer 2

.container, .ningbar { }

对两者使用相同的规则。

Answer 3

为什么要组合两个班级？我会制作两个单独的类，并在我的控件中使用它们，如下所示

CSS：

.class1{
    /* All styles for class1*/
}

.class2{
    /* All styles for class2*/
}

HTML：

<div class="class1 class2"></div>

通过这种方式，您可以将两个类添加到控件/ DOM元素中，使它们与CSS分开。

Answer 4

如果我可以说，为了在另一个班级中使用另一种风格，那就很少了。

简而言之，LESS将帮助您更轻松地维护和理解您的样式文件。例如，您将能够添加变量，以避免重复相同颜色的代码。

您可以在LESS的网站上查看更多详细信息：http://lesscss.org/

但是，简单地添加另一个类的属性可能是一种复杂的方法。

Answer 5

对于结合两个班级，你可以我们 .Class1 .Class2 { //All style for combination of these two classes }