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

Override css selector of all classes (* selector)

本文关键字：selector 选择器 css 覆盖      更新时间：2023-09-26

我的网站(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; 进行样式设置

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

不需要!important。

已编辑：删除了2个以供应商为前缀的规则-webkit-和-moz-。自2012年起不再需要。

相关文章：