覆盖所有类的css选择器（*选择器）

Question

我的网站（http://www.isaacadni.com）部分基于bootstrap。 Bootstrap包含以下css代码：

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}

但是，我希望某个div中包含youmax类的所有元素都使用content-box进行样式设置，如下所示：

.youmax {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

但是，这似乎没有覆盖Bootstrap css。唯一似乎覆盖它的是再次使用*选择器，但这会使整个页面的样式为box-sizing: border-box;。

如何使用box-sizing: content-box;设置div的样式，但使用box-sizing: border-box;设置网页的其余部分

Answer 1

.youmax,
.youmax *,
.youmax *:before,
.youmax *:after {
    box-sizing: content-box;
}

不需要!important。

已修改：删除了2个供应商前缀规则-webkit-和-moz-。自2012年以来不再需要。