有时候我们给同样一个属性用多种方式去定义样式,来自最具体的样式的属性会胜出,但不知道到底哪种样式最具体,好在css还提供了一个公式,他根据指派给样式选择器的值决定样式的特性——标签选择器、类选择器、ID选择器,等等。这个系统是这样进行的:
1.一个标签选择器值1分。
2.一个类选择器值10。
3.一个ID选择器值100分。
4.一个行内样式(如:style)值1000分。
数字越大。特性就越大。(如图)
当不止一个样式应用给一个标签是,一旦样式属性有冲突,网页浏览器必须决定哪个样式要“胜出”。在css中一个样式的重要性称作特征。它取决于创建这个样式时所用的选择器类型。每种选择器类型有一个不同的值,并且当多个选择器类型出现在一个样式中时——例如派生选择器#banner p——所用的所有选择器的值要加在一起。
注意:伪元素(例如像:first-child)被当作标签选择器对待时值1分。伪类(例如:link)被当作类对待时值10分。
1.一个标签选择器值1分。
2.一个类选择器值10。
3.一个ID选择器值100分。
4.一个行内样式(如:style)值1000分。
数字越大。特性就越大。(如图)
当不止一个样式应用给一个标签是,一旦样式属性有冲突,网页浏览器必须决定哪个样式要“胜出”。在css中一个样式的重要性称作特征。它取决于创建这个样式时所用的选择器类型。每种选择器类型有一个不同的值,并且当多个选择器类型出现在一个样式中时——例如派生选择器#banner p——所用的所有选择器的值要加在一起。
注意:伪元素(例如像:first-child)被当作标签选择器对待时值1分。伪类(例如:link)被当作类对待时值10分。