CSS权重

CSS样式上有三种引用方式，外部样式(link），内部样式，行内样式

按照W3C内容与样式分离原则，最好使用link外部样式表

样式权重等级有六级

1.！important，权重值：10000

2.内联样式，权重值：01000

3.ID选择器，权重值：00100

4.类，伪类，属性选择器(attribute=属性值||！=属性值||*=属性值)，权重值：00010

5.标签，伪元素选择器，权重值：00001（类选择器权重值胜过任意数量的元素选择器）

6.通配符*，子>，同胞～，相邻+等选择器，权重值：00000（被继承的属性值权重也是0）

技巧：在实际开发过程应该尽量使用class进行编辑样式，在出现一些意料之外的错误时可以使用ID选择器来覆盖

A: h1
B: #content h1
C: <div id="content"><h1 style="color: #ffffff">Heading</h1></div>

• A 的权重为 1（一个元素）
• B 的权重为 101（一个 ID 引用以及一个元素）
• C 的权重为 1000（行内样式）

权重相同的情况下，将生效最新的属性

如果将同一规则两次写入外部样式表，那么样式表中后面的规将更靠近要设置样式的元素，因此会被应用：

h1 {background-color: yellow;}
h1 {background-color: red;}

适用后面一条规则