CSS样式的优先级别 css优先级别

优先原则一:文本从上到下,后出现的样式优先于前面出现的同一样式

例:

<styletype=”text/css”>

.def1{background:black;}

.def2{background: yellow; }

</style>

<div class=” def2def1″>测试1</div>

结果:所有浏览器均yellow色,注意:与class=””引号内的顺序无关,只看.def1和.def2在声明时的顺序,.def2后声明的所以权重高。

CSS样式的优先级别 css优先级别

优先原则二:id声明(即 # 开头的样式)>class声明(即 . 开头的样式)> 标签声明(即 类似 div 开头)

以上三种声明处于不同的量级,份量上,div 开头相当于 1克 重,. 开头相当于 1公斤 重,#开头相当于 1吨 重。

例:

<styletype=”text/css”>

#bb{background:pink}

.def{background:black;}

div{background:yellow; }

</style>

<div id=”bb”class=”def”>测试2</div>

结果:所有浏览器均pink色,注意:虽然按优先原则一,后出现的权重高,但那只是在同样重量级下的比较,优先原则二各重量级别就不同了。

优先原则三:数量取胜。如果同一个样式声明即一个大括号{}由多个#.或 div 组成,则权重按出现符号的量级增加

比如:#bb #tt #dd {background:red} 则重量等于3吨

#bb .tt ul.dd li {background:red}则重量等于1吨2公斤2克,这么精确的重量,就不需要举例了吧。

再次说明:优先原则一只适用两个样式声明同样重的情况

优先原则四:‘!important’。相当于无限重量,在之前已经有说明,需要注意:ie下,在同一条样式声明即一个大括号中出现的!important会被随后出现的同名样式冲洗掉。

<styletype=”text/css”>

.def1{background:yellow!important;background:red;}

.def2{background:green;}

</style>

<div class=”def1 def2“>dd</div>

结果:ie下,green色,background:yellow!important被后面的background:red冲洗了,而background:red与background:green的较量中,前者败在优先原则一之下。

优先原则五:近水楼台。<divstyle=”background:black”></div>直接写在元素体内的style优先级别最高!(仅次于!important)用重量来形容,可以定为百万吨量级。

<styletype=”text/css”>

.def1{ background:red;}

</style>

<div class=”def1 ”style=”background:black”>dd</div>

结果:black色。

<styletype=”text/css”>

.def1{ background:red !important;}

</style>

<div class=”def1 ”style=”background:black”>dd</div>

结果:red色。

<styletype=”text/css”>

.def1{ background:red !important;}

</style>

<div class=”def1 ”style=”background:black!important”>dd</div>

结果:black色。

  

爱华网本文地址 » http://www.413yy.cn/a/25101014/227939.html

更多阅读

中国官员的行政级别 中国官员级别待遇

原题中国官员级别的政治逻辑中国人民大学国家发展与战略研究院副院长、经济学院教授聂辉华、中国国家发改委社会发展研究所副研究员顾严为FT中文网撰稿http://www.ftchinese.com/story/001063796?monthlypop要理解中国的政治经济问

钻石的颜色和净度分级 钻石的颜色级别

钻石的颜色分级钻石的价格是由4C参数决定的,颜色越无色越有价值。因为钻石的颜色等同于一个优质的滤光器,作用是减少反射光的逸出,钻石的颜色越白,钻石的闪烁色彩就越强。同样,无色的钻石相对黄色调的越稀少,根据石头颜色由浅到深的不同

动物界各种样式的睡眠 动物的睡眠答案

从瞌睡的猴子到打盹的河马,,。,所有动物都要睡觉图注:一只松鼠猴在树上打盹睡眠一直是科学界的一大谜题——当然动物界的睡眠也一样。生物学家发现,所有动物都要睡觉,不管是哺乳类,鸟还是鱼类。但它们怎么睡,就有很大的差异。一些动物睡在一

声明:《CSS样式的优先级别 css优先级别》为网友朝夕盼兮分享!如侵犯到您的合法权益请联系我们删除