清除CSS繼承樣式的方法

css清除繼承樣式

你好 你的這個問題 我只能做如下解釋

第一 如果你寫的是類樣式 比如 li{color:red;}

所有的li都會保持紅色字，無法清除繼承樣式。類似於代碼的執行順序默認從上至下，無法改變，除非使用if判斷等控制方法。答案是無法清除。

無法改變代碼執行順序，瀏覽器解析方式也不可控。

立即學習“前端免費學習筆記（深入）”；

第二 我們如何解決此類問題 比如說 我們可以規定區域

假設 2個div 分別上下兩區域 分別 id=a id=b

你如果只想要id=a 部分的li 爲紅色 那麼寫法如下

#a li{color:red} 那麼 在id=b區域中的li則不受影響

我們只能夠通過這種 儘量規定使用區域 來解決此類問題

洗完能幫到你 謝謝

CSS怎麼取消對父元素屬性的繼承

其他屬性還行，透明這個屬性繼承了取消不了。要實現這種效果我見過的辦法有3個，其中1、3是肯定有效的，2不很靠譜，你自己琢磨：

1.模擬div全部在aa裏面，把bb、cc、dd都提出來不套在aa中，把aa設置透明屬性，然後把bb、cc、dd用css定位屬性position定位到看上去在aa裏面即可。

2.這個是個傳說中的方法：bb、cc、dd任然套在aa中，給bb、cc、dd加上相對定位屬性：position:relative；這個辦法我從來沒試成功過，可能容易和其他屬性衝突就無效了。

3.aa不設置透明度，在ps裏面做半透明的圖片保存爲png24格式，然後用作aa的背景；但這樣產生了個問題，FF、OP及IE高版本都支持png圖片透明，在IE6下面又不支持了，所以IE6下你看到aa的背景將是灰色的，不過這個問題好解決，你自己下：ie6 png透明，即可。

以上就是清除CSS繼承樣式的方法的詳細內容，更多請關注本站其它相關文章！