CSS教程 17、CSS的优先级特性Specificity [翻译Htmldog]-信氏宗亲网

信氏宗亲网：http://www.xinhome.com.cn/

首页 → 宗亲动态 → 网站动态 → 动态浏览:CSS教程 17、CSS的优先级特性Specificity [翻译Htmldog]

今天是：

动态导航

图片动态	焦点动态
推荐动态	热门动态
网站动态	姓氏动态
信氏商务	姓氏趣谈
台海局势

热门动态

周易
洪洞大槐树寻根简介
中华民族姓氏起源
亲爱的汶川地震中遇难..
秦皇岛信氏实业有限公..
关于北京奥运会服饰礼..
灾民：子弟兵冒着生命..
信氏鱼村
河南嵩山少林寺武僧团..
四川地震局：汶川地震..

推荐动态

亲爱的汶川地震中遇难..
央行：地震灾区现金供..
保监会：救灾一线人员..
中粮集团：成都地区食..
河南嵩山少林寺武僧团..
重灾区北川县已向外转..
四川副省长：正在修通..
三千海军陆战队官兵抵..
都江堰到虹口公路上三..
广东侨界纷纷捐款捐物

CSS教程 17、CSS的优先级特性Specificity [翻译Htmldog]

CSS教程 17、CSS的优先级特性Specificity [翻译Htmldog]

作者：佚名来源：不详点击数：更新时间：2008-02-28【字体：小大】

收藏到

　　
　　如果同个元素有两个或以上冲突的CSS规则，浏览器有一些基本的规则来决定哪一个非常特殊而胜出。
　　它可能不像其它那么重要，大部分案例你不需要担心冲突，但大型而且复杂的CSS文件，或有很多CSS文件组成的，可能产生冲突。
　　选择器一样的情况下后面的会覆盖前面的属性。比如：

Example Source Code [www.52css.com]

p { color: red; }
p { color: blue; }

　　p元素的元素将是蓝色，因为遵循后面的规则。
　　然而，你不可能经常用相同的选择器冲突达到目的，当你使用嵌套选择器，合理的冲突来了。比如：

Example Source Code [www.52css.com]

div p { color: red; }
p { color: blue; }

　　也许你看起来p元素在div元素里面的颜色是蓝色，就像后面p元素的规则，但是第一个选择器的特性却是红色。基本上，一个选择器越多特性，样式冲突的时候将显示它的样式。
　　一组嵌套选择器的实际特性可以计算出来。基本的，使用ID选择器的值是100，使用class选择器的值是10，每个html选择器的值是1。它们加起来就可以计算出特性的值。

Example Source Code [www.52css.com]

　　p的特性是1（一个html选择器）
　　div p的特性是2（两个html选择器）
　　.tree的特性是10（1个class选择器）
　　div p.tree的特性是1+1+10=12，（两个html选择器，一个class选择器）
　　#baobab的特性是100（1个ID选择器）
　　body #content .alternative p的特性是112（两个html选择器，一个ID选择器，一个类选择器）

　　按照上面的规则，div p.tree的特性比div p高，body #content .alternative p又比它们两个都高。

发布人：信氏宗亲网

● 上一篇动态：秦皇岛信氏实业有限公司
● 下一篇动态： CSS教程 16、CSS的伪元素Pseudo Elements [翻译Htmldog]

【告诉好友】【打印本页】【关闭窗口】