首页 > 代码库 > CSS系列:CSS的继承与层叠特性

CSS系列: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样式 > 类别样式 > 标记样式。

CSS系列:CSS的继承与层叠特性