当前位置:首页 > DIV+CSS实例 > 正文

DIV+CSS网页布局技巧实例10:最近优先原则

作者:不详 来源:aa25收集 【 】 浏览: 修改日期:2008-06-18 我要评论(12)     

如果对同一个元素的定义有多种,以最接近(最小一级)的定义为最优先,例如有这么一段代码

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布局技巧

更多评论(12)..会员评论

haoke(58.39.*.*) 发表于:2013-07-23 22:51:09
看了一小部分你的网站,真心的感觉不错哦~~准备把你网站看一遍,应为div+css布局,一直是头痛的问题,要非常细心,但是平常搞开发又不得不遇到,希望按照你的教程看完后有个质的飞跃,顶~!!!
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: 此处显示为红色 此处显示为蓝色 此处显示为绿色 此处显示为黄色

出差旅游免费预订酒店

【视频教程】新手常见问题