什么是“级联规则”？

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，因为.also-link规则在 .link之后声明为且特异性相同。如果您将鼠标悬停在link also-link上，它将为color: green，因为.link:hover具有更高的特异性，即使它已在样式表中较早声明。