CSS 优先级

在一个页面内多个CSS的权重优先级如下图（截图自菜鸟教程）

1、如下图定义Class用蓝色，定义div为红色

由图中知道HTML标签选择器的权值只有1，而Class有10，所以文字为蓝色

2、该例子中，文字定义了两个class 分别是CSS与css1

先在style中定义CSS的样式（蓝色），再定义css1的样式（红色）。

此时文字显示的样式为后定义的样式（红色）。

3、在该例子中，比较body .CSS（蓝色） 与 css1（红色）

由于body标签权重为1，CSS(class)为10，所以body .CSS的权重为（10+1=11）

而css1只有10，所以显示蓝色

4、在该例子中比较ID（id）（红色）与CSS（class）（蓝色）

由于id的权重是100，而class只有10，所以显示红色

5、内嵌样式，写在标签里面的权重最高为1000，如下图直接定义在标签内，所以为蓝色

整合图：