CSS優(yōu)先權(quán)之深入剖析(1)_CSS教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
我們剖析討論了CSS的繼續(xù)性http://www.hl5o.cn/,在非凡性的框架下,被繼續(xù)的特性值為0,這就意味著任何顯示聲明的規(guī)則將會(huì)覆蓋其繼續(xù)樣式。因此,不管一條規(guī)則具有多高的權(quán)重,假如沒(méi)有規(guī)則能應(yīng)用于這個(gè)繼續(xù)元素,那么它也只是個(gè)被繼續(xù)的規(guī)則而已,舉例說(shuō)明。
代碼調(diào)試框 [www.hl5o.cn]
[ 可先修改部分代碼 再運(yùn)行查看效果 ]
我們看到,文字顯示的是灰色(應(yīng)用li的樣式),而不是白色。字體的大小為38px(應(yīng)用了ul的樣式)。我們可以得出這樣的直觀(guān)結(jié)論。同樣的樣式,越靠近的權(quán)重越大,而未定義的樣式則直接繼續(xù)過(guò)來(lái)。
我們?cè)倏聪旅娴拇a:
代碼調(diào)試框 [www.hl5o.cn]
[ 可先修改部分代碼 再運(yùn)行查看效果 ]
mb5u.com顯示為紅色,而其它文字均為黑色。
優(yōu)先權(quán)問(wèn)題看起來(lái)簡(jiǎn)單,但背后還是有非常復(fù)雜的機(jī)制,在實(shí)際應(yīng)用中需要多多留意,我們?cè)谝院蟮奈恼轮�,�?duì)CSS優(yōu)先權(quán)將會(huì)作更加深入的探討,敬請(qǐng)關(guān)注http://www.hl5o.cn/。
代碼調(diào)試框 [www.hl5o.cn][ 可先修改部分代碼 再運(yùn)行查看效果 ]
我們看到,文字顯示的是灰色(應(yīng)用li的樣式),而不是白色。字體的大小為38px(應(yīng)用了ul的樣式)。我們可以得出這樣的直觀(guān)結(jié)論。同樣的樣式,越靠近的權(quán)重越大,而未定義的樣式則直接繼續(xù)過(guò)來(lái)。
我們?cè)倏聪旅娴拇a:
代碼調(diào)試框 [www.hl5o.cn][ 可先修改部分代碼 再運(yùn)行查看效果 ]
mb5u.com顯示為紅色,而其它文字均為黑色。
優(yōu)先權(quán)問(wèn)題看起來(lái)簡(jiǎn)單,但背后還是有非常復(fù)雜的機(jī)制,在實(shí)際應(yīng)用中需要多多留意,我們?cè)谝院蟮奈恼轮�,�?duì)CSS優(yōu)先權(quán)將會(huì)作更加深入的探討,敬請(qǐng)關(guān)注http://www.hl5o.cn/。
相關(guān)CSS教程:
CSS教程Rss訂閱Div+Css教程搜索
CSS教程推薦
猜你也喜歡看這些
- DIV CSS布局基礎(chǔ):HTML標(biāo)記(三)
- table中cellpadding、cellpadding樣式定義
- HTML表格標(biāo)記教程(28):單元格的邊框色屬性BORDERCOLOR
- XHTML入門(mén)學(xué)習(xí)教程:表單標(biāo)簽
- HTML表格標(biāo)記教程(4):邊框色屬性BORDERCOLOR
- 網(wǎng)頁(yè)制作中注意應(yīng)用HTML標(biāo)簽的問(wèn)題
- HTML表格標(biāo)記教程(22):行的亮邊框色屬性BORDERCOLORLIGHT
- HTML初級(jí)教程標(biāo)簽、屬性和元素
- HTML初級(jí)教程表單form
- HTML表格標(biāo)記教程(45):表格的表主體標(biāo)記
- 相關(guān)鏈接:
- 教程說(shuō)明:
CSS教程-CSS優(yōu)先權(quán)之深入剖析(1)
。