問題描述

我想網站某個 p 的樣式為最初始的樣式,不希望父級樣式影響,應該如何操作?

問題解答

把某一個p恢復成p最初的樣式？不希望父級的影響？要我說，就給你需要初始化的p設置個class，因為繼承而來的樣式權重是0，所以class足夠了，如果有明確的設置過這個p的class 那就.class.class增加一下權重就好了。如果有id那就設個id覆蓋掉！然后剩下的事就是直接添加css內容，比如border不想要，直接設置一個border：none就夠了。

問題的根本原因在于樣式沖突, 比如你外層 p 容器定義了 p{color: red;...} 等 CSS 規則, 那么將來這個 p 內的任何 p 元素都會受到影響.

解決這個問題的關鍵是保證良好的 CSS 命名規范, 給你推薦 BEM 命名規范, 規則非常簡單, 一天學會, 終生受用.

BEM 命名規范在這: https://en.bem.info/methodolo...

(另: 繞過本質問題, 而通過其它 hack 手段去解決該問題, 一定會掉坑里...)

猥褻它吧！

p { font-size: inherit!important; font-weight: inherit!important; font-style: inherit!important; color: inherit!important; padding: inherit!important; margin: inherit!important; /* 需要的就加 */}