在下級(jí)元素中重寫不想繼承的樣式,或者在父級(jí)元素寫樣式時(shí)把不想繼承的子元素排除掉。除此之外沒有專門的取消繼承的方法。
目前創(chuàng)新互聯(lián)公司已為上1000+的企業(yè)提供了網(wǎng)站建設(shè)、域名、雅安服務(wù)器托管、網(wǎng)站托管、服務(wù)器租用、企業(yè)網(wǎng)站設(shè)計(jì)、張家港網(wǎng)站維護(hù)等服務(wù),公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng),共同發(fā)展。
在div里給它加上一個(gè)類,給新加的類寫樣式。
在CSS中,繼承是一種非常自然的行為,我們甚至不需要考慮是否能夠這樣去做,但是繼承也有其局限性。
首先,有些屬性是不能繼承的。這沒有任何原因,只是因?yàn)樗褪沁@么設(shè)置的。舉個(gè)例子來說:border屬性,大家都知道,border屬性是用來設(shè)置元素的邊框的,它就沒有繼承性。如下圖所示,如果繼承了邊框?qū)傩?,那么文檔看起來就會(huì)很奇怪,除非采取另外的措施關(guān)掉邊框的繼承屬性。
多數(shù)邊框類屬性,比如象Padding(補(bǔ)白),Margin(邊界),背景和邊框的屬性都是不能繼承的。
擴(kuò)展資料
CSS中的樣式覆蓋原則:
規(guī)則一:由于繼承而發(fā)生樣式?jīng)_突時(shí),最近祖先獲勝(最近原則)。
strong分別從body和p中繼承了color屬性,但是由于p在繼承樹上離strong更近,因此strong中的文字最終繼承p的藍(lán)色。
規(guī)則二:繼承的樣式和直接指定的樣式?jīng)_突時(shí),直接指定的樣式獲勝(最直接原則)。
strong?{color:red;}
那么根據(jù)規(guī)則二,strong中的文字最終顯示為紅色。
規(guī)則三:直接指定的樣式發(fā)生沖突時(shí),樣式權(quán)值高者獲勝。
樣式的權(quán)值取決于樣式的選擇器,權(quán)值定義如下表。
css選擇器?權(quán)值
標(biāo)簽選擇器?1
類選擇器?10
ID選擇器?100
內(nèi)聯(lián)樣式?1000
偽元素(:first-child等)?1
偽類(:link等)?10
可以看到,內(nèi)聯(lián)樣式的權(quán)值ID選擇器類選擇器標(biāo)簽選擇器,除此以外,后代選擇器的權(quán)值為每項(xiàng)權(quán)值之和,比如”#nav?.current?a”的權(quán)值為100?+?10?+?1?=?111。
你好 你的這個(gè)問題 我只能做如下解釋
第一 如果你寫的是類樣式 比如 li{color:red;}
那么所有的li都會(huì) 是紅色字 不要試圖去清除掉 因?yàn)槔^承樣式是默認(rèn)的 無法清除 就好像你無法改變代碼的執(zhí)行順序默認(rèn)從上至下一樣 除非你加if判斷等來控制 所以 答案是無法清除
除非你能夠改變代碼默認(rèn)執(zhí)行順序 從下至上 解析 不過這是不可能的 因?yàn)榇a不是你發(fā)明的 瀏覽器解析方式 更加不可能取決于你
第二 我們?nèi)绾谓鉀Q此類問題 比如說 我們可以規(guī)定區(qū)域
假設(shè) 2個(gè)div 分別上下兩區(qū)域 分別 id=a id=b
你如果只想要id=a 部分的li 為紅色 那么寫法如下
#a li{color:red} 那么 在id=b區(qū)域中的li則不受影響
我們只能夠通過這種 盡量規(guī)定使用區(qū)域 來解決此類問題
洗完能幫到你 謝謝