2007-03-22

CSS如何为同一个元素处理多种规则

来源: 开发者 作者:佚名 评论 0 条
 
<title>Cascading</title>
<style type="text/css">
BODY H1 {color: red;}
H1 {color: green;}
</style></head>
<body>
<h1>TechRepublic.com</h1>
</body></html>

当显示一个页面时,越具特色的选择器,越有更大的优先权。实际上,有专门用于估算元素特性的规则,基本上,数字值被分配给某些CSS选择器,每个选择器的值为100,类选择器的值为10,每个HTML选择器的值为1。假如你将这些值赋给CSS规则,那么值大的会赢得优先。下面的计算对应前面的例子。BODY H1有两个HTML选择器,因此值为1 1=2。H1包含一个HTML选择器,因此值为1,在每个实例中,2恒大于1,所以元素H1(包含在BODY中的)都是红色。

顺序

规范的顺序很简单:当两个规则有相同的重要性时,后一个规则优先性大。当有多个样式表来源时,使用这个规则可能会导致混淆。因此下面的操作顺序十分有用:

浏览器默认:第一,使用了浏览器默认或者用户自定义CSS规则。

外部样式表:使用了外部定义的样式表

内部样式表(在<head>标签中指名)

内嵌样式表(在一个HTML元素的内部):使用了应用于每个HTML元素的非凡样式

注重

目前,CSS是大多数web应用的一个标准特征。随着web应用的增加,大量的CSS来源被使用。为此,你需要深入了解用户系统是如何处理多种CSS规则的。这样就确保了对你或者对用户都不会产生惊奇。


共2页: 上一页 [1] 2 下一页
(本文仅表明作者个人观点,不代表本站及其管理员立场.) 推荐 收藏 投稿 打印 返回 关闭
上一篇:纯CSS代码实现翻页  
下一篇:彻底弄懂CSS盒子模式之二
    评论加载中…
 推荐文章
     

网站首页  -  网站地图 -   站长论坛  -  网站投稿  -    -  网站管理
Copyright © 2008 芜湖站长站 All Rights Reserved 皖ICP备07500611号