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

Question

我想网站某个 div 的样式为最初始的样式,不希望父级样式影响,应该如何操作?

Answer 1

把某一个div恢复成div最初的样式？不希望父级的影响？
要我说，就给你需要初始化的div设置个class，因为继承而来的样式权重是0，所以class足够了，如果有明确的设置过这个div的class 那就.class.class增加一下权重就好了。如果有id那就设个id覆盖掉！
然后剩下的事就是直接添加css内容，比如border不想要，直接设置一个border：none就够了。

Answer 2

问题的根本原因在于样式冲突, 比如你外层 div 容器定义了 div{color: red;...} 等 CSS 规则, 那么将来这个 div 内的任何 div 元素都会受到影响.

解决这个问题的关键是保证良好的 CSS 命名规范, 给你推荐 BEM 命名规范, 规则非常简单, 一天学会, 终生受用.

BEM 命名规范在这: https://en.bem.info/methodolo...

(另: 绕过本质问题, 而通过其它 hack 手段去解决该问题, 一定会掉坑里...)

Answer 3

猥亵它吧！

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