網站百科

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

首頁 > > 網站建設知識 > 建站知識 > 前端設計

企業建站知識推廣知識小程序微信營銷 APP開發前端設計 MindManager 開發語言自媒體

CSS3新規則：繼承與重設

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

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標簽的期待——我就想要某些網頁文字顯示為系統默認顏色或者起始類設定顏色，我才不要反反復復把同一標簽同一屬性值寫很多遍呢！

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

上一篇：<微信小程序 wx:if wx:elif wx:else 多條件判斷下一篇：免費的 Web 視頻播放器 Projekktor>