CSS 样式使用顺序

根据下面顺序依次查找,找到即停止继续向下查找.

1) 元素内嵌样式(行内style="...")
2) 文档内嵌样式(<style type="text/css">...</style>)
3) 外部样式(<link rel="stylesheet" type="text/css" href="...">)
4) 用户样式
5) 浏览器样式

其中1)2)3)统称为作者样式.

当样式中包含!important, 会例外地优先考虑.

同级样式冲突

point1) 选择器中的id数
point2) 选择器中的其他属性和伪类数
point3) 选择器中的元素名和伪元素数

如果point1)可以得到结果就停止比较,否则比较point2),否则比较point3).

如果都一样且还有冲突,就根据出现顺序,用后者覆盖前者.

继承样式

与外观相关的样式会继承(颜色/字体等)

与布局相关的样式不继承

可使用inherit强制继承