歡迎您光臨深圳塔燈網(wǎng)絡(luò)科技有限公司！
余先生：13699882642
余先生：13699882642
8年
專注網(wǎng)站建設(shè)行業(yè)優(yōu)質(zhì)服務(wù)商
余先生：13699882642
為您解碼網(wǎng)站建設(shè)的點(diǎn)點(diǎn)滴滴
發(fā)表日期：2019-09 文章編輯：小燈 瀏覽次數(shù)：3926
W3C推出一組嶄新的css樣式規(guī)則：all:default。All標(biāo)簽下設(shè)initial、inherit和default三種屬性值。Initial意為“最初”，采用all:initial規(guī)則強(qiáng)調(diào)子類樣式屬性繼承自起始類，直接越過父類樣式屬性的沖突部分；inherit是all標(biāo)簽?zāi)J(rèn)值，其意為“繼承”，css樣式規(guī)則默認(rèn)父類樣式屬性遺傳給子類；default的意思是“默認(rèn)”，all:default是重新設(shè)定css樣式屬性，清除所有上級類的影響。
上面講了一堆好像很拗口的樣子，所以我們還是舉例說明吧。首先依舊是html代碼部分：
在html頁面當(dāng)中，位于<body></body>之間的內(nèi)容是用戶可見部分，規(guī)則默認(rèn)（all:inherit）的樣式屬性繼承關(guān)系是html→body→one和html→body→two這兩條線，html為起始類，body為one和two的父類。假定html{color:red}，網(wǎng)頁文字“段落一”和“段落二”都會(huì)變成紅色；增加body{color:pink}，上述文字又會(huì)變成粉色。這就是默認(rèn)的css樣式父子繼承模式。
進(jìn)一步追加.one{all:initial}和.two{all:default}，在承認(rèn)all標(biāo)簽相關(guān)屬性值的瀏覽器中應(yīng)該可以看到，“段落一”變成紅色，繼承起始類html的樣式屬性；而“段落二”則變成系統(tǒng)默認(rèn)的黑色，無論html還是body的樣式屬性均無法對其構(gòu)成影響，也就是將上級類的樣式屬性清零重設(shè)。
遺憾的是目前尚無主流瀏覽器支持all標(biāo)簽。作為系統(tǒng)默認(rèn)值的all:inherit無論寫不寫都能保證子類順利繼承父類樣式屬性，而all:initial和all:default無論寫不寫都不會(huì)影響到這種繼承，就和現(xiàn)階段的ol有序列表的reversed倒序模式一樣鬼用沒有。但這不妨礙網(wǎng)頁制作者對all標(biāo)簽的期待——我就想要某些網(wǎng)頁文字顯示為系統(tǒng)默認(rèn)顏色或者起始類設(shè)定顏色，我才不要反反復(fù)復(fù)把同一標(biāo)簽同一屬性值寫很多遍呢！
日期：2019-09 瀏覽次數(shù)：6829
日期：2019-09 瀏覽次數(shù)：4697
日期：2019-09 瀏覽次數(shù)：5509
日期：2019-09 瀏覽次數(shù)：10733
日期：2019-09 瀏覽次數(shù)：10775
日期：2019-09 瀏覽次數(shù)：4484
日期：2019-09 瀏覽次數(shù)：4078
日期：2019-09 瀏覽次數(shù)：3893
日期：2019-09 瀏覽次數(shù)：3460
日期：2019-09 瀏覽次數(shù)：4193
日期：2019-09 瀏覽次數(shù)：7915
日期：2019-09 瀏覽次數(shù)：3723
日期：2019-09 瀏覽次數(shù)：4242
日期：2019-09 瀏覽次數(shù)：3745
日期：2019-09 瀏覽次數(shù)：3890
日期：2019-09 瀏覽次數(shù)：4176
日期：2019-09 瀏覽次數(shù)：5759
日期：2019-09 瀏覽次數(shù)：3442
日期：2019-09 瀏覽次數(shù)：4489
日期：2019-09 瀏覽次數(shù)：3945
日期：2019-09 瀏覽次數(shù)：4182
日期：2019-09 瀏覽次數(shù)：4221
日期：2019-09 瀏覽次數(shù)：3554
日期：2019-09 瀏覽次數(shù)：4378
日期：2019-09 瀏覽次數(shù)：5485
日期：2019-09 瀏覽次數(shù)：5333
日期：2019-09 瀏覽次數(shù)：3628
日期：2019-09 瀏覽次數(shù)：8991
日期：2019-09 瀏覽次數(shù)：4582
日期：2019-09 瀏覽次數(shù)：3925
Copyright ? 2013-2018 Tadeng NetWork Technology Co., LTD. All Rights Reserved.
企業(yè)建站知識(shí)
推廣知識(shí)
小程序
微信營銷
APP開發(fā)
