《
了解CSS的優(yōu)先級特性Specificity》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/030233G62013.htm
,
了解CSS掛馬及相應(yīng)防范方法div p { color: red; }
#baobab的特征是100(1個ID抉擇器)
body #content .alternative p的特性是112(兩個html選擇器,一個ID選擇器,書寫高效CSS應(yīng)注意的七個問題,一個類選擇器)
它可能不像其它那么主要,大局部案例你不須要擔(dān)憂沖突,但大型而且龐雜的CSS文件,為你解答margin的一些疑問,或有良多CSS文件組成的,為何沒法從百度搜索獲得流量,可能發(fā)生沖突。
然而,你不可能常常用雷同的選擇器抵觸到達目標,當(dāng)你應(yīng)用嵌套挑選器,公道的矛盾來了。比方:
div p,為什么要有交互設(shè)計和交互設(shè)計能夠解決什么問題.tree的特性是1+1+10=12,(兩個html選擇器,一個class選擇器)
.tree的特性是10(1個class選擇器)
p { color: blue; }
興許你看起來p元素在div元素里面的色彩是藍色,就像后面p元素的規(guī)則,然而第一個選擇器的特性卻是紅色;A(chǔ)上,一個選擇器越多特性,為什么要使用CSS,樣式摩擦的時候?qū)@示它的款式。
依照上面的規(guī)則,為什么代碼維護,重構(gòu)比較難,div p.tree的特性比div p高,body #content .alternative p又比它們兩個都高。
div p的特性是2(兩個html選擇器)
--> [
網(wǎng)站建設(shè)之]懂得CSS的優(yōu)先級特性Specificity
p元素的元素將是藍色,由于遵守后面的規(guī)矩。
一組嵌套選擇器的實際特性能夠計算出來,為什么人們喜歡翻頁效果?。根本的,使用ID選擇器的值是100,使用class選擇器的值是10,每個html選擇器的值是1。它們加起來就可以盤算出特性的值。
p的特性是1(一個html取舍器)
p { color: red; }
p { color: blue,為什么中文網(wǎng)頁的布局和英文網(wǎng)頁布局差別那么大; }
選擇器一樣的情形下后面的會籠罩前面的屬性。好比:
Tag:特性 優(yōu)先  ,
中文版Chrome下不能顯示小于12px的字號如何解決; 了解
(責(zé)任編輯:網(wǎng)站建設(shè))
了解CSS的優(yōu)先級特性Specificity相關(guān)文章