如何使用另一个CSS类重写CSS类的属性

Question

<a class="left carousel-control" href="#carousel" data-slide="prev">

我希望能够添加一个名为bakground-none的类，它将覆盖类left中的默认背景。

谢了！

Answer 1

有不同的方式可以重写属性。假设你有

.left { background: blue }

例如，以下任何一项都将推翻它：

a.background-none { background: none; }
body .background-none { background: none; }
.background-none { background: none !important; }

前两个“赢”是通过选择子的特异性；第三个赢的是！重要的，钝器。

您还可以组织样式表，以便例如规则

.background-none { background: none; }

仅仅通过命令获胜，即遵循一个其他方面同样“强大”的规则。但这会施加限制，并要求您在对样式表进行任何重组时都要小心。

这些都是CSS级联的例子，CSS级联是一个重要但被广泛误解的概念。它定义了解决样式表规则之间冲突的确切规则。