css - 如何讓某個 div 內的樣式初始化
問題描述
我想網站某個 p 的樣式為最初始的樣式,不希望父級樣式影響,應該如何操作?
問題解答
回答1:把某一個p恢復成p最初的樣式?不希望父級的影響?要我說,就給你需要初始化的p設置個class,因為繼承而來的樣式權重是0,所以class足夠了,如果有明確的設置過這個p的class 那就.class.class增加一下權重就好了。如果有id那就設個id覆蓋掉!然后剩下的事就是直接添加css內容,比如border不想要,直接設置一個border:none就夠了。
回答2:問題的根本原因在于樣式沖突, 比如你外層 p 容器定義了 p{color: red;...} 等 CSS 規則, 那么將來這個 p 內的任何 p 元素都會受到影響.
解決這個問題的關鍵是保證良好的 CSS 命名規范, 給你推薦 BEM 命名規范, 規則非常簡單, 一天學會, 終生受用.
BEM 命名規范在這: https://en.bem.info/methodolo...
(另: 繞過本質問題, 而通過其它 hack 手段去解決該問題, 一定會掉坑里...)
回答3:猥褻它吧!
p { font-size: inherit!important; font-weight: inherit!important; font-style: inherit!important; color: inherit!important; padding: inherit!important; margin: inherit!important; /* 需要的就加 */}
相關文章:
1. php多任務倒計時求助2. 數組排序,并把排序后的值存入到新數組中3. 默認輸出類型為json,如何輸出html4. python的正則怎么同時匹配兩個不同結果?5. javascript - jquery怎么讓a標簽跳轉后保持tab的樣式6. PHP訂單派單系統7. javascript - charles map remote映射問題8. javascript - vue組件的重復調用9. mysql - sql 左連接結果union右連接結果,導致重復性計算怎么解決?10. javascript - console.log(typeof(named));的位置不同,第二個為什么會顯示undefined ?
