javascript - 覆盖所有类的 css 选择器(*选择器)

Question

我的网站 ( http://www.isaacadni.com ) 部分基于 Bootstrap 。 Bootstrap 包括以下 css 代码:

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

但是，我希望类 youmax 的某个 div 中的所有元素都使用 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 个 vendor 前缀规则 -webkit- 和 -moz-。自 2012 年起不再需要。