css 不继承父元素的box-sizing

CSS的box-sizing属性默认是继承的，但是有时候我们可能希望子元素不继承父元素的box-sizing属性。

要实现这个效果，一种常见的方法是使用特定的选择器来重置子元素的box-sizing属性。例如，如果父元素的box-sizing属性为border-box，而子元素不想继承该属性，可以使用以下CSS代码：

.parent-element {
  box-sizing: border-box;
}

.child-element {
  box-sizing: content-box;
}

在这个例子中，父元素使用了border-box作为box-sizing属性的值，而子元素使用了content-box。这样子元素就不会继承父元素的box-sizing属性。

另外，如果你希望所有子元素都不继承父元素的box-sizing属性，你可以使用通用选择器来选择所有子元素，并将它们的box-sizing属性重置为你想要的值。例如：

.parent-element * {
  box-sizing: content-box;
}

这样做会将所有子元素的box-sizing属性重置为content-box，不再继承父元素的属性。但要注意，这种方法会将所有子元素都应用到该样式，包括孙子元素以及更深层次的子元素。

希望这些方法可以帮助到你！如有任何疑问，请随时向我提问。