什麼是「級聯規則」？

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具有更高的特性，即使它在樣式表中早些時候聲明。