2008-04-03
管理多种样式中的样式优先级公式
有时候我们给同样一个属性用多种方式去定义样式，来自最具体的样式的属性会胜出，但不知道到底哪种样式最具体，好在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分。
发表评论
tntxia
- 浏览: 20929 次
- 性别:
- 来自: 广州
- 详细资料
搜索本博客
我的相册
共 59 张
最近加入圈子
最新评论
-
分享去华为面试的经历
3.(10+c)*4+3=70+c 得出c为9 第2步中D＝3+B*4＝7是怎么 ...
-- by 小龟爬爬 -
看C＃随笔
C#吸取了JAVA的优点，弥补了JAVA的不足，很不错
-- by netlynx206 -
分享去华为面试的经历
三分钟....等我算出来前三分钟开始算
-- by hyxkangta123 -
分享去华为面试的经历
A=2 写错
-- by zhouzhao21 -
分享去华为面试的经历
大约五分钟， E = 8 ， A = 4 穷举法，笔算。
-- by zhouzhao21
评论排行榜