歡迎您光臨深圳塔燈網絡科技有限公司!
電話圖標 余先生:13699882642

網站百科

為您解碼網站建設的點點滴滴

CSS3新規則:繼承與重設

發表日期:2019-09 文章編輯:小燈 瀏覽次數:1139

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:initialall:default無論寫不寫都不會影響到這種繼承,就和現階段的ol有序列表的reversed倒序模式一樣鬼用沒有。但這不妨礙網頁制作者對all標簽的期待——我就想要某些網頁文字顯示為系統默認顏色或者起始類設定顏色,我才不要反反復復把同一標簽同一屬性值寫很多遍呢!


本頁內容由塔燈網絡科技有限公司通過網絡收集編輯所得,所有資料僅供用戶參考了本站不擁有所有權,如您認為本網頁中由涉嫌抄襲的內容,請及時與我們聯系,并提供相關證據,工作人員會在5工作日內聯系您,一經查實,本站立刻刪除侵權內容。本文鏈接:http://www.szdrf.com/21339.html
相關前端設計
 八年  行業經驗

多一份參考,總有益處

聯系深圳網站公司塔燈網絡,免費獲得網站建設方案及報價

咨詢相關問題或預約面談,可以通過以下方式與我們聯系

業務熱線:余經理:13699882642

Copyright ? 2013-2018 Tadeng NetWork Technology Co., LTD. All Rights Reserved.