CSS優先權之深入剖析(1)_CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
我們剖析討論了CSS的繼續性http://www.zhaotila.cn/,在非凡性的框架下,被繼續的特性值為0,這就意味著任何顯示聲明的規則將會覆蓋其繼續樣式。因此,不管一條規則具有多高的權重,假如沒有規則能應用于這個繼續元素,那么它也只是個被繼續的規則而已,舉例說明。
代碼調試框 [www.zhaotila.cn]
[ 可先修改部分代碼 再運行查看效果 ]
我們看到,文字顯示的是灰色(應用li的樣式),而不是白色。字體的大小為38px(應用了ul的樣式)。我們可以得出這樣的直觀結論。同樣的樣式,越靠近的權重越大,而未定義的樣式則直接繼續過來。
我們再看下面的代碼:
代碼調試框 [www.zhaotila.cn]
[ 可先修改部分代碼 再運行查看效果 ]
mb5u.com顯示為紅色,而其它文字均為黑色。
優先權問題看起來簡單,但背后還是有非常復雜的機制,在實際應用中需要多多留意,我們在以后的文章中,對CSS優先權將會作更加深入的探討,敬請關注http://www.zhaotila.cn/。
代碼調試框 [www.zhaotila.cn][ 可先修改部分代碼 再運行查看效果 ]
我們看到,文字顯示的是灰色(應用li的樣式),而不是白色。字體的大小為38px(應用了ul的樣式)。我們可以得出這樣的直觀結論。同樣的樣式,越靠近的權重越大,而未定義的樣式則直接繼續過來。
我們再看下面的代碼:
代碼調試框 [www.zhaotila.cn][ 可先修改部分代碼 再運行查看效果 ]
mb5u.com顯示為紅色,而其它文字均為黑色。
優先權問題看起來簡單,但背后還是有非常復雜的機制,在實際應用中需要多多留意,我們在以后的文章中,對CSS優先權將會作更加深入的探討,敬請關注http://www.zhaotila.cn/。
相關CSS教程:
- 相關鏈接:
- 教程說明:
CSS教程-CSS優先權之深入剖析(1)
。