• 优先级：
    • 规则（1）：行内样式 > 页内样式 > 外部引用样式 > 浏览器默认样式。
    • 规则（2）：important > 内联 > ID > 伪类|类 | 属性选择 > 标签 > 伪对象 > 通配符 > 继承。另外权重会叠加，所以为了便于理解，权重设置如下：
      • 1 表示标签选择器的权重
      • 10 表示类选择器的权重
      • 100 表示 ID 选择器的权重
      • 1000 表示内联样式的权重

注：权重相同时，CSS 遵循就近原则。也就是说靠近元素的样式具有最大的优先级，或者说排在最后的样式优先级最大。所有都相同时，声明靠后的优先级大。

例子：

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。 
#header #left ul li.first a 权重为100+100+1+1+10+1=213

继承性

继承性就是指我们写 CSS 样式表的时候子元素会继承父元素的某些样式，比如文本颜色和字号。下面我们来看个简单的例子，帮助我们理解：

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .box{ font-size: 15px; color:red; } </style> </head> <body> <div class="box"> <span>实验楼</span> </div> </body> </html>

在浏览器中运行效果为：

CSS 层叠性和继承性 随笔

注：想要设置一个可继承的属性，只需将它应用于父元素即可。所有字相关的都可以继承，比如：color、text-系列、font-系列、line-系列等。并不是所有的 CSS 属性都可以继承，例如：边框、外边距、内边距、背景、定位、元素宽高属性就不能继承。所有盒子相关的属性都不能继承例如：a 标签，h1 标签不会实现继承。

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄