管理多种样式中的样式优先级公式

有时候我们给同样一个属性用多种方式去定义样式，来自最具体的样式的属性会胜出，但不知道到底哪种样式最具体，好在css还提供了一个公式，他根据指派给样式选择器的值决定样式的特性——标签选择器、类选择器、ID选择器，等等。这个系统是这样进行的：

1.一个标签选择器值1分。

2.一个类选择器值10。

3.一个ID选择器值100分。

4.一个行内样式（如：style）值1000分。

数字越大。特性就越大。（如图）



当不止一个样式应用给一个标签是，一旦样式属性有冲突，网页浏览器必须决定哪个样式要“胜出”。在css中一个样式的重要性称作特征。它取决于创建这个样式时所用的选择器类型。每种选择器类型有一个不同的值，并且当多个选择器类型出现在一个样式中时——例如派生选择器#banner p——所用的所有选择器的值要加在一起。

注意：伪元素（例如像：first-child）被当作标签选择器对待时值1分。伪类（例如：link）被当作类对待时值10分。