-webkit-box-sizing属性冲突如何解决

Question

页面用到了框架，而框架里面的样式又影响到了我本来的页面

*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

如何能不继承这个父级样式

Answer 1

受到影响的地方：

{
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

不过那个 border-box 真的很好用。

Answer 2

给页面的顶层元素重设：

box-sizing:content-box