多个CSS样式表争夺特定选择符的控制权
日期:2007年12月25日 作者: 查看:[大字体 中字体 小字体]-
CSS样式 层叠顺序
当使用了多个样式表,样式表需要争夺特定选择符的控制权。在这些情况下,总会有样式表的规则能获得控制权。以下的特性将决定互相对立的样式表的结果。
正如以前所提及的,网页制作者和读者都有能力去指定样式表。当两者的规则发生冲突,网页制作者的规则会凌驾于读者的其它相同权重的规则。而网页制作者和读者的样式表都超越浏览器的内置样式表。
网页制作者应该小心地使用! important 规则,因为它们会超越用户任何的! important 规则。例如,一个用户由于视觉关系,会要求大字体或指定的颜色,而且这样的用户会有可能声明确定的样式规则为! important,因为这些样式对于用户阅读网页是极为重要的。任何的! important 规则会超越一般的规则,所以建议网页制作者使用一般的规则以确保有特殊样式需要的用户能阅读网页。
选择符规则: 计算特性基于它们的特性级别,样式表也可以超越与之冲突的样式表,一个较高特性的样式永远都凌驾于一个较低特性的样式。这只不过是计算选择符的指定个数的一个统计游戏。
统计选择符中的ID属性个数。
统计选择符中的CLASS属性个数。
统计选择符中的HTML标记名格式。
最后,按正确的顺序写出三个数字,不要加空格或逗号,得到一个三位数。( 注意,你需要将数字转换成一个以三个数字结尾的更大的数。)相应于选择符的最终数字列表可以很容易确定较高数字特性凌驾于较低数字的。以下是一个按特性分类的选择符的列表:#id1 {xxx} /* a=1 b=0 c=0 ——> 特性 = 100 */ UL UL LI.red {xxx} /* a=0 b=1 c=3 ——> 特性 = 013 */ LI.red {xxx} /* a=0 b=1 c=1 ——> 特性 = 011 */ LI {xxx} /* a=0 b=0 c=1 ——> 特性 = 001 */特性的顺序为了方便使用,当两个规则具同样权重时,取后面的那个。
当使用了多个样式表,样式表需要争夺特定选择符的控制权。在这些情况下,总会有样式表的规则能获得控制权。以下的特性将决定互相对立的样式表的结果。
正如以前所提及的,网页制作者和读者都有能力去指定样式表。当两者的规则发生冲突,网页制作者的规则会凌驾于读者的其它相同权重的规则。而网页制作者和读者的样式表都超越浏览器的内置样式表。
网页制作者应该小心地使用! important 规则,因为它们会超越用户任何的! important 规则。例如,一个用户由于视觉关系,会要求大字体或指定的颜色,而且这样的用户会有可能声明确定的样式规则为! important,因为这些样式对于用户阅读网页是极为重要的。任何的! important 规则会超越一般的规则,所以建议网页制作者使用一般的规则以确保有特殊样式需要的用户能阅读网页。
选择符规则: 计算特性基于它们的特性级别,样式表也可以超越与之冲突的样式表,一个较高特性的样式永远都凌驾于一个较低特性的样式。这只不过是计算选择符的指定个数的一个统计游戏。
统计选择符中的ID属性个数。
统计选择符中的CLASS属性个数。
统计选择符中的HTML标记名格式。
最后,按正确的顺序写出三个数字,不要加空格或逗号,得到一个三位数。( 注意,你需要将数字转换成一个以三个数字结尾的更大的数。)相应于选择符的最终数字列表可以很容易确定较高数字特性凌驾于较低数字的。以下是一个按特性分类的选择符的列表:#id1 {xxx} /* a=1 b=0 c=0 ——> 特性 = 100 */ UL UL LI.red {xxx} /* a=0 b=1 c=3 ——> 特性 = 013 */ LI.red {xxx} /* a=0 b=1 c=1 ——> 特性 = 011 */ LI {xxx} /* a=0 b=0 c=1 ——> 特性 = 001 */特性的顺序为了方便使用,当两个规则具同样权重时,取后面的那个。
- [1] [2] 下一页
-
- 多个CSS样式表争夺特定选择符的控制权 相关文章:
- ·多个CSS样式表争夺特定选择符的控制权
- ·利用插件来校验XHTML是否符合Web标准
- ·JavaScript中split字符串函数
- ·加快效率:将常用文件夹变为盘符
- ·Vista系统中特殊方法输入特殊字符
- ·用overflow代替left截取指定长度字符串
- ·CSS:用overflow代替left截取指定长度字符串
- ·C#中一个字符串重复N倍的方法
- ·了解MySQL数据库中的结果字符串
- ·XPath 初学者入门教程:XPath 运算符
- 多个CSS样式表争夺特定选择符的控制权 相关软件
- ·NDS《音珠:音符岛篇》(日)模拟器
- ·《音符祖玛》试玩 街机版
- ·埃及神符
- ·爱跳动在26个字符上
- ·失窃的护身符
- ·雨林神符
- ·字符炼金术
- ·C#字符串和正则表达式参考手册
- ·符文之子
- ·魔符星魂
- 特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作
- 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转
- 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源:http://www.hackhome.com
上一篇:详解Alexa网站流量排名
下一篇:平安夜美丽蜡烛的装置设计欣赏
精品推荐
热点TOP10
- ·用CSS给网页图片添加滤镜效果
- ·学习CSS制作网页的多个经验技巧
- ·站长推荐:53个CSS-不可或缺的技巧
- ·网页中用于构造图表的一些基本CSS代码
- ·DIV CSS网页布局实例:十步学会用CSS建站
- ·DIV CSS网页技巧:网页布局中border断线现象
- ·推荐好文:无懈可击的CSS圆角技术
- ·用Div仿showModalDialog模式菜单的效果
- ·学习CSS制作网页总结的一些经验技巧
- ·网站配色,CSS主色调配色方案
- ·自定义网页超链接下划线的CSS代码
- ·CSS样式表实现效果很好的分页效果源代码
- ·用CSS实现文字垂直居中的代码
- ·网页制作学习:由浅入深详解CSS的margin属性
- ·5款纯div+css制作的弹出菜单(标准且无js)
- ·CSS+DIV+Javascript制作滑动门菜单技术
- ·Css改变鼠标形状的15种效果代码
- ·CSS实现图片阴影效果三部曲(译文)
- ·学习样式表CSS参考:常用的CSS知识
- ·网页制作经验分享:CSS布局如何进行
特别推荐
- ·多个CSS样式表争夺特定选择符的控制权
- ·学习CSS制作网页总结的一些经验技巧
- ·CSS初学者应该保持的一种心态
- ·CSS常见问题和技巧总结
- ·DIV+CSS常见错误汇总
- ·设计中常用的十个CSS技巧
- ·网站配色,CSS主色调配色方案
- ·你是哪个等级的CSS开发人员?
- ·简单的CSS改进网站设计三个技巧
- ·使用CSS样式表让英文文本自动换行
- ·用CSS给网页图片添加滤镜效果
- ·国外译文:网页设计如何使用CSS的选择器模式?
- ·常见的CSS问题的“一站式”的解决方案
- ·学习CSS从何入手技术
- ·CSS注释、命名、继承性、样式排序等CSS技巧的小结
- ·推荐好文:无懈可击的CSS圆角技术
- ·标准网页中用CSS进行段落排版的方法
- ·CSS实现带背景图片的文字链接的方法
- ·网页制作经验分享:CSS布局如何进行
- ·CSS基础:CSS选择符
