CSS系列：CSS的繼承與層疊特性

libingql發表於2014-12-25
CSS繼承

1. CSS的繼承特性

　　所有的CSS語句都是基於各個標記直接的繼承關係，CSS繼承是指子標記會繼承父標記的所有樣式風格，並可以再父標記樣式風格的基礎上再加以修改，產生新的樣式，而子標記的樣式完全不會影響父標記。

　　CSS的繼承貫穿整個CSS設計的始終，每個標記都遵循著CSS繼承的概念。

　　示例：

<!DOCTYPE html>

<html>
<head>
    <title></title>
    <style type="text/css">
        h1 {
            color: blue;
            text-decoration: underline;
        }

        em {
            color: red;
        }
    </style>
</head>
<body>
    <h1>CSS繼承<em>特性</em></h1>
</body>
</html>

　　CSS效果：

2. CSS的層疊特性

　　CSS的層疊特性可以簡單的理解為“衝突”的解決方案。

　　CSS優先順序規則：行內樣式 > ID樣式 > 類別樣式 > 標記樣式。

相關文章