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

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

ID:24889601

大小:51.00 KB

页数:4页

时间:2018-11-16

多个css样式表争夺特定选择符的控制权_第1页
多个css样式表争夺特定选择符的控制权_第2页
多个css样式表争夺特定选择符的控制权_第3页
多个css样式表争夺特定选择符的控制权_第4页
资源描述:

《多个css样式表争夺特定选择符的控制权》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库

1、多个CSS样式表争夺特定选择符的控制权>>edu.5151doc.教育资源库  CSS样式层叠顺序  当使用了多个样式表,样式表需要争夺特定选择符的控制权。在这些情况下,总会有样式表的规则能获得控制权。以下的特性将决定互相对立的样式表的结果。   正如以前所提及的,网页制和读者都有能力去指定样式表。当两者的规则发生冲突,网页制的规则会凌驾于读者的其它相同权重的规则。而网页制和读者的样式表都超越浏览器的内置样式表。   网页制应该小心地使用!important规则,因为它们会超越用户任何的!important规则。例如,一个

2、用户由于视觉关系,会要求大字体或指定的颜色,而且这样的用户会有可能声明确定的样式规则为!important,因为这些样式对于用户阅读网页是极为重要的。任何的!important规则会超越一般的规则,所以建议网页制使用一般的规则以确保有特殊样式需要的用户能阅读网页。   选择符规则:计算特性基于它们的特性级别,样式表也可以超越与之冲突的样式表,一个较高特性的样式永远都凌驾于一个较低特性的样式。这只不过是计算选择符的指定个数的一个统计游戏。   统计选择符中的ID属性个数。  统计选择符中的CLASS属性个数。   统计选择符

3、中的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*/特性的顺

4、序为了方便使用,当两个规则具同样权重时,取后面的那个。转-网页设计秀-portant规则,因为它们会超越用户任何的!important规则。例如,一个用户由于视觉关系,会要求大字体或指定的颜色,而且这样的用户会有可能声明确定的样式规则为!important,因为这些样式对于用户阅读网页是极为重要的。任何的!important规则会超越一般的规则,所以建议网页制使用一般的规则以确保有特殊样式需要的用户能阅读网页。   选择符规则:计算特性基于它们的特性级别,样式表也可以超越与之冲突的样式表,一个较高特性的样式永远都凌驾于一个

5、较低特性的样式。这只不过是计算选择符的指定个数的一个统计游戏。   统计选择符中的ID属性个数。   统计选择符中的CLASS属性个数。   统计选择符中的HTML标记名格式。   最后,按正确的顺序写出三个数字,不要加空格或逗号,得到一个三位数。(注意,你需要将数字转换成一个以三个数字结尾的更大的数。)相应于选择符的最终数字列表可以很容易确定较高数字特性凌驾于较低数字的。以下是一个按特性分类的选择符的列表:#id1{xxx}/*a=1b=0c=0——>特性=100*/ULULLI.red{xxx}/*a=0b=1c=3—

6、—>特性=013*/LI.red{xxx}/*a=0b=1c=1——>特性=011*/LI{xxx}/*a=0b=0c=1——>特性=001*/特性的顺序为了方便使用,当两个规则具同样权重时,取后面的那个。[这篇文章来自..,]

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。