發表日期:2019-09 文章編輯:小燈 瀏覽次數:4145
W3C推出一組嶄新的css樣式規則:all:default。All標簽下設initial、inherit和default三種屬性值。Initial意為“最初”,采用all:initial規則強調子類樣式屬性繼承自起始類,直接越過父類樣式屬性的沖突部分;inherit是all標簽默認值,其意為“繼承”,css樣式規則默認父類樣式屬性遺傳給子類;default的意思是“默認”,all:default是重新設定css樣式屬性,清除所有上級類的影響。
上面講了一堆好像很拗口的樣子,所以我們還是舉例說明吧。首先依舊是html代碼部分:
在html頁面當中,位于<body></body>之間的內容是用戶可見部分,規則默認(all:inherit)的樣式屬性繼承關系是html→body→one和html→body→two這兩條線,html為起始類,body為one和two的父類。假定html{color:red},網頁文字“段落一”和“段落二”都會變成紅色;增加body{color:pink},上述文字又會變成粉色。這就是默認的css樣式父子繼承模式。
進一步追加.one{all:initial}和.two{all:default},在承認all標簽相關屬性值的瀏覽器中應該可以看到,“段落一”變成紅色,繼承起始類html的樣式屬性;而“段落二”則變成系統默認的黑色,無論html還是body的樣式屬性均無法對其構成影響,也就是將上級類的樣式屬性清零重設。
遺憾的是目前尚無主流瀏覽器支持all標簽。作為系統默認值的all:inherit無論寫不寫都能保證子類順利繼承父類樣式屬性,而all:initial和all:default無論寫不寫都不會影響到這種繼承,就和現階段的ol有序列表的reversed倒序模式一樣鬼用沒有。但這不妨礙網頁制作者對all標簽的期待——我就想要某些網頁文字顯示為系統默認顏色或者起始類設定顏色,我才不要反反復復把同一標簽同一屬性值寫很多遍呢!
日期:2019-09 瀏覽次數:7109
日期:2019-09 瀏覽次數:4929
日期:2019-09 瀏覽次數:5725
日期:2019-09 瀏覽次數:10994
日期:2019-09 瀏覽次數:11012
日期:2019-09 瀏覽次數:4702
日期:2019-09 瀏覽次數:4297
日期:2019-09 瀏覽次數:4121
日期:2019-09 瀏覽次數:3634
日期:2019-09 瀏覽次數:4468
日期:2019-09 瀏覽次數:8166
日期:2019-09 瀏覽次數:3949
日期:2019-09 瀏覽次數:4451
日期:2019-09 瀏覽次數:3916
日期:2019-09 瀏覽次數:4163
日期:2019-09 瀏覽次數:4414
日期:2019-09 瀏覽次數:5981
日期:2019-09 瀏覽次數:3675
日期:2019-09 瀏覽次數:4705
日期:2019-09 瀏覽次數:4155
日期:2019-09 瀏覽次數:4458
日期:2019-09 瀏覽次數:4477
日期:2019-09 瀏覽次數:3746
日期:2019-09 瀏覽次數:4579
日期:2019-09 瀏覽次數:5685
日期:2019-09 瀏覽次數:5513
日期:2019-09 瀏覽次數:3894
日期:2019-09 瀏覽次數:9242
日期:2019-09 瀏覽次數:4772
日期:2019-09 瀏覽次數:4144
Copyright ? 2013-2018 Tadeng NetWork Technology Co., LTD. All Rights Reserved.