DIV+CSS网页布局技巧实例10：最近优先原则
作者:不详 来源:aa25收集 【大 中 小】 浏览: 修改日期：2008-06-18 我要评论(11)
如果对同一个元素的定义有多种，以最接近(最小一级)的定义为最优先，例如有这么一段代码
Update: Lorem ipsum dolor set
在CSS文件中，你已经定义了元素p，又定义了一个class"update"
p {
margin:1em 0;
font-size:1em;
color:#333;
}
.update {
font-weight:bold;
color:#600;
}
这两个定义中，class="update"将被使用，因为class比p更近。你可以查阅W3C的《 Calculating a selector’s specificity》 了解更多。
（如果您觉得本站不错，请告诉身边的朋友，或转载到论坛、百度知道、贴吧等，记得带网址哟，不胜感激！）
〖DIV+CSS实例〗Tags: CSS 优先
所属专题：DIV布局技巧
相关文章
更多评论(11)..会员评论
- eros(219.136.*.*) 发表于：2010-07-16 14:20:18
- 没看明白是什么东西~~
- 2842158(123.9.*.*) 发表于：2010-05-17 18:08:50
- 是谁的位置在后面谁被使用
- 管理员回复：是
- 2842158(123.9.*.*) 发表于：2010-05-17 15:51:41
- 站长老大我写了一个层。li在ul离。#aa ul li{ float:left;} 和#aa li{ float:left;} 这样出来的效果不一样呀第一种不居左，第二种就居左。
- 管理员回复：你的aa在哪儿加着呢？估计是在ul上，这样第二种写法才是正确的
- dingjiechina(219.143.*.*) 发表于：2010-04-14 17:37:37
- 测试了一下。 双重class=" a1 a2 a3" 是就近原则。 行内样式最高。id次之。class 低于id 标签的优先级最低，如果外部文件id 与 行内样式id名称一致。行内覆盖引入式id。
- 管理员回复：嗯
- Guest(219.133.*.*) 发表于：2009-12-10 10:44:48
- 后定义的就会被应用？
- 管理员回复：自己动手试一下
- Guest(123.65.*.*) 发表于：2009-11-13 16:13:32
- 我现在还搞不清优先级的问题，请讲解一下，谢谢
- 管理员回复：动手试一下就明白了
- 初学者(222.178.*.*) 发表于：2009-11-10 14:48:59
- 更正稿：如果对一个元素定义了多次样式，则以最近的一级优先，最近一级的样式将覆盖其他的样式定义。如：CSS:p{color:red}.blue{color:blue}.green{color:green}.yellow{color:yellow};HTML: 此处显示为红色 此处显示为蓝色 此处显示为绿色 此处显示为黄色
- 初学者(222.178.*.*) 发表于：2009-11-10 14:38:03
- CSS的最近优先原则如果对一个元素定义了多次样式，则以最近的一级优先，最近一级的样式将覆盖其他的样式定义。如：CSSp{color:red};.blue{color:blue};.green{color:green};.yellow{color:yellow};html: 此处显示为红色 此处显示为蓝色 此处显示为绿色 此处显示为黄色 这样可能更容易理解些。
推荐文章
热门文章
最新图片素材
最新评论文章
推荐专题
在线交流QQ群
- 106310407(开)
- 55427134(开)
- 2993401(开)
- 30235673(开)
- 33424604(开)
- 2993401(开)
- 161512108(开)
- 161510519(开)
- 158375021(开)
- 155858414(开)
- 143309878(开)
- 16373807(开)
- 129098721(开)
- 123473199(开)
- 146991009(开)
- 135792800(开)