什么是“级联规则”？

Question

什么是级联规则？他们的意思是什么？我所知道的是：

按升序按照重要性（从低到高）：

1. 用户代理报关
2. 用户正常声明
3. 作者普通声明
4. 作者重要声明
5. 用户重要声明

这些是CSS的规则吗？

Answer 1

The specification明确定义级联。你在问题中包含的仅仅是样式表规则的重要性。特定样式表中的规则在样式表中也具有特定性。对于具有相同特征的规则集，顺序是重要的。

例如，一个作者样式表中：

.link { color: red; } 
.link:hover { color: green; } 
.also-link { color: blue; } 

对于link类的元素，因此将具有color: red规则。如果你将鼠标悬停在它上面，它将会有color: green。如果一个元素的类别为link also-link，则它将是color: blue，因为在.link之后.also-link规则被声明为，并且特异性相同。如果您将鼠标悬停在link also-link之上，则它将为color: green，因为.link:hover具有更高的特性，即使它在样式表中早些时候声明。