CSS短期課程
級聯使CSS樣式表非常有用。 簡而言之，級聯定義了應該如何應用衝突樣式的優先順序。 換句話說，如果你有兩種風格：
p {color：red; }
p {color：blue; }
級聯確定段落應該是哪種顏色，即使樣式表指出它們應該是紅色和藍色。 最終只有一種顏色可以應用於段落，所以必須有一個訂單。
這個順序通過哪個選擇器（在上面的例子中是p）具有最高的優先級以及它們在文檔中出現的順序來應用。
以下列表簡化了您的瀏覽器如何確定樣式的優先級：
- 在樣式表中查找匹配元素的選擇器。 如果沒有定義的樣式，則使用瀏覽器中的默認規則
- 查看標記為！重要的選擇器的樣式表，並將其應用到適當的元素。
- 樣式表中的所有樣式都將覆蓋默認瀏覽器樣式（用戶樣式表除外）。
- 風格選擇器越具體，它的優先級越高。 例如，div> p.class比p.class更具體，它比p更具體。
- 最後，如果兩個規則適用於相同的元素並具有相同的選擇器優先級，則將應用最後加載的那個規則。 換句話說，樣式表是從頂部到底部讀取的，樣式應用在另一個頂部。
基於這些規則，在上面的例子中，段落將以藍色書寫，因為p {color：blue; }在樣式表中最後一個。
這是級聯的一個非常簡單的解釋。 如果您有興趣了解更多關於級聯如何工作的信息，您應該閱讀Cascading Style Sheets中的“Cascade”是什麼意思？ 。