首頁 > 電腦教學 > 電腦知識 > 清除CSS繼承樣式的方法

清除CSS繼承樣式的方法

WBOY
發布: 2024-01-14 23:12:25
轉載
1180 人瀏覽過

清除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繼承樣式的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:docexcel.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板