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. mysql日期類型默認值’0000-00-00’ 報錯2. 求救一下,用新版的phpstudy,數據庫過段時間會消失是什么情況?3. mysql replace 死鎖4. mysql - C#連接數據庫時一直這一句出問題int i = cmd.ExecuteNonQuery();5. MYSQL 根據兩個字段值查詢 但兩個值的位置可能是互換的,這個怎么查?6. extra沒有加載出來7. android - 安卓做前端,PHP做后臺服務器 有什么需要注意的?8. javascript - 微信網頁開發從菜單進入頁面后,按返回鍵沒有關閉瀏覽器而是刷新當前頁面,求解決?9. php傳對應的id值為什么傳不了啊有木有大神會的看我下方截圖10. mysql - ubuntu開啟3306端口失敗,有什么辦法可以解決?
