問題描述

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

問題解答

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

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

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

BEM 命名規(guī)范在這: https://en.bem.info/methodolo...

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

猥褻它吧！

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