当前位置: 网站建设 > 网页设计 > 建站经验 >

了解CSS的优先级特性Specificity

时间:2013-03-02 03:51来源:未知 作者:admin 点击:

标签:了解CSS的优先级特性Specificity CSS(655)C(23)特性(5)了解(15)优先级(7)Specificity(1)
, 了解CSS挂马及相应防范方法 div p { color: red; } #baobab的特征是100(1个ID抉择器) body #content .alternative p的特性是112(两个html选择器,一个ID选择器, 书写高效CSS应注意的七个问题 ,一个类选择器) 它可能不像其它那么主要,大局部案例你不
了解CSS的优先级特性Specificity》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/030233G62013.htm
,了解CSS挂马及相应防范方法

div p { color: red; }

#baobab的特征是100(1个ID抉择器)

body #content .alternative p的特性是112(两个html选择器,一个ID选择器,书写高效CSS应注意的七个问题,一个类选择器)

它可能不像其它那么主要,大局部案例你不须要担忧冲突,但大型而且庞杂的CSS文件,为你解答margin的一些疑问,或有良多CSS文件组成的,为何没法从百度搜索获得流量,可能发生冲突。

然而,你不可能常常用雷同的选择器抵触到达目标,当你应用嵌套挑选器,公道的矛盾来了。比方:

div p,为什么要有交互设计和交互设计能够解决什么问题.tree的特性是1+1+10=12,(两个html选择器,一个class选择器)

.tree的特性是10(1个class选择器)

p { color: blue; }

兴许你看起来p元素在div元素里面的色彩是蓝色,就像后面p元素的规则,然而第一个选择器的特性却是红色。基础上,一个选择器越多特性,为什么要使用CSS,样式摩擦的时候将显示它的款式。

依照上面的规则,为什么代码维护,重构比较难,div p.tree的特性比div p高,body #content .alternative p又比它们两个都高。

 

div p的特性是2(两个html选择器)

--> [网站建设之]懂得CSS的优先级特性Specificity

p元素的元素将是蓝色,由于遵守后面的规矩。

一组嵌套选择器的实际特性能够计算出来,为什么人们喜欢翻页效果?。根本的,使用ID选择器的值是100,使用class选择器的值是10,每个html选择器的值是1。它们加起来就可以盘算出特性的值。

p的特性是1(一个html取舍器)

p { color: red; }

p { color: blue,为什么中文网页的布局和英文网页布局差别那么大; }

选择器一样的情形下后面的会笼罩前面的属性。好比:

Tag:特性   优先  ,中文版Chrome下不能显示小于12px的字号如何解决; 了解    
(责任编辑:网站建设)
了解CSS的优先级特性Specificity相关文章
上一篇:了解CSS挂马及相应防范方法 下一篇:了解CSS的查找匹配原理 让CSS更简洁
回到顶部