溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹css不繼承樣式的實現方法，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
css不繼承樣式的實現方法：首先打開相應的代碼文件；然后通過覆蓋的方式清空樣式；接著把不易變化的樣式部分抽離出來；最后用組合的方式應用到不同模塊即可。
css的繼承：就是給父級設置一些屬性，子級繼承了父級的該屬性，這就是我們的css中的繼承。 官方解釋，繼承是一種規則，它允許樣式不僅應用于特定的html標簽元素，而且應用于其后代元素。
有些時候，CSS繼承了父元素的樣式會很麻煩。請問有何方法可以清空繼承的樣式？如何讓css不繼承樣式？
目前只能通過覆蓋的方式清空樣式
這個問題應該在寫css的時候考慮到后面的問題
一般只有通用的樣式，和結構固定的模塊適合使用繼承來應用css
否則的話，不應該讓樣式隨便繼承，對于結構或表現差異很小的兩個模塊，也不適合用繼承來實現
好點的方式是：把同樣的，不易變化的樣式部分抽離出來，然后用組合的方式應用到不同模塊。
比如兩個div
<div class="a"></div> <div class="b"></div>
可以提取出共同的樣式，放在一個聲明下：
.fixedAd {position:fixed;width:200px;height:200px;border:1px solid #ccc;}然后對于不同的div編寫自己的樣式：
.a {color:#ffc;background:#ccf;}
.b {color:#777;background:#999;}最后組合的html結構是：
<div class="a fixedAd"></div> <div class="b fixedAd"></div>
以上是“css不繼承樣式的實現方法”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
