css - 如何让某个 div 内的样式初始化

问题描述

我想网站某个 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; /* 需要的就加 */}