当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 多个CSS样式表争夺特定选择符的控制权

CSS样式表
简单学习CSS网页布局(初学者)
8个简单实用的CSS秘诀
Webjx收集基于CSS JS设计50款优秀的导航菜单
css word-break word-wrap 前台显示自动换行
css 自动换行 强制换行属性 (firefox+ie)
css 教学实例 漂亮的搜索框
CSS 折叠的菜单实现代码
关于html元素的 width属性无效果的解决方法
css 相对定位 绝对定位 浮动 分析
css 滑动门技术的介绍及实例分享
负边距创建自适应宽度的流体布局的实现方法
有利于SEO的DIV+CSS的命名规则小结
css盒子模型 css margin 外边框合并
css 优先级关系
input 文本框 文字垂直居中对齐 ie firefox
css margin-left在IE6下的问题的解决方法
IE8样式不正确显示问题
div中子div在firefox ie 水平居中对齐
css 不兼容性问题小结
CSS 3D立方体制作

多个CSS样式表争夺特定选择符的控制权


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 69 ::
收藏到网摘: n/a

  CSS样式层叠顺序
  当使用了多个样式表,样式表需要争夺特定选择符的控制权。在这些情况下,总会有样式表的规则能获得控制权。以下的特性将决定互相对立的样式表的结果。
 
  正如以前所提及的,网页制作者和读者都有能力去指定样式表。当两者的规则发生冲突,网页制作者的规则会凌驾于读者的其它相同权重的规则。而网页制作者和读者的样式表都超越浏览器的内置样式表。
 
  网页制作者应该小心地使用!important规则,因为它们会超越用户任何的!important规则。例如,一个用户由于视觉关系,会要求大字体或指定的颜色,而且这样的用户会有可能声明确定的样式规则为!important,因为这些样式对于用户阅读网页是极为重要的。任何的!important规则会超越一般的规则,所以建议网页制作者使用一般的规则以确保有特殊样式需要的用户能阅读网页。
 
  选择符规则:计算特性基于它们的特性级别,样式表也可以超越与之冲突的样式表,一个较高特性的样式永远都凌驾于一个较低特性的样式。这只不过是计算选择符的指定个数的一个统计游戏。
 
  统计选择符中的ID属性个数。
 
  统计选择符中的CLASS属性个数。
 
  统计选择符中的HTML标记名格式。
 
  最后,按正确的顺序写出三个数字,不要加空格或逗号,得到一个三位数。(注意,你需要将数字转换成一个以三个数字结尾的更大的数。)相应于选择符的最终数字列表可以很容易确定较高数字特性凌驾于较低数字的。以下是一个按特性分类的选择符的列表:#id1{xxx}/*a=1b=0c=0——>特性=100*/ULULLI.red{xxx}/*a=0b=1c=3——>特性=013*/LI.red{xxx}/*a=0b=1c=1——>特性=011*/LI{xxx}/*a=0b=0c=1——>特性=001*/特性的顺序为了方便使用,当两个规则具同样权重时,取后面的那个。转
转载请注明出处-网页设计秀-cnwebshow.com
  当使用了多个样式表,样式表需要争夺特定选择符的控制权。在这些情况下,总会有样式表的规则能获得控制权。以下的特性将决定互相对立的样式表的结果。
 
  正如以前所提及的,网页制作者和读者都有能力去指定样式表。当两者的规则发生冲突,网页制作者的规则会凌驾于读者的其它相同权重的规则。而网页制作者和读者的样式表都超越浏览器的内置样式表。
 
  网页制作者应该小心地使用!important规则,因为它们会超越用户任何的!important规则。例如,一个用户由于视觉关系,会要求大字体或指定的颜色,而且这样的用户会有可能声明确定的样式规则为!important,因为这些样式对于用户阅读网页是极为重要的。任何的!important规则会超越一般的规则,所以建议网页制作者使用一般的规则以确保有特殊样式需要的用户能阅读网页。
 
  选择符规则:计算特性基于它们的特性级别,样式表也可以超越与之冲突的样式表,一个较高特性的样式永远都凌驾于一个较低特性的样式。这只不过是计算选择符的指定个数的一个统计游戏。
 
  统计选择符中的ID属性个数。
 
  统计选择符中的CLASS属性个数。
 
  统计选择符中的HTML标记名格式。
 
  最后,按正确的顺序写出三个数字,不要加空格或逗号,得到一个三位数。(注意,你需要将数字转换成一个以三个数字结尾的更大的数。)相应于选择符的最终数字列表可以很容易确定较高数字特性凌驾于较低数字的。以下是一个按特性分类的选择符的列表:#id1{xxx}/*a=1b=0c=0——>特性=100*/ULULLI.red{xxx}/*a=0b=1c=3——>特性=013*/LI.red{xxx}/*a=0b=1c=1——>特性=011*/LI{xxx}/*a=0b=0c=1——>特性=001*/特性的顺序为了方便使用,当两个规则具同样权重时,取后面的那个。