Html 一个div上的两个CSS类不工作

我从bootstrap.min获得了以下css：

.rew {
  margin-right: auto;
  margin-left: auto;
  margin-top: 20px;
  width: 1050px;
}

.rew2 {
  margin-right: auto;
  margin-left: auto;
  margin-top: 20px;
  width: auto;
}

我的div是这样的（我有stackoverflow问答中的红色示例）：

内容。。。。。

（rew2）是用于响应css的，但在此之前，我是在响应css文件上编写css的，但它不起作用“div标记”总是从bootstrap.min css文件调用css。因此，我在bootstrap.min css文件中编写了两个类，但也不起作用。“div”标记只调用了“rew”类，而忽略了“rew2”

********响应css文件上的类被删除，我在bootstrapmin css文件上编写了该类

区别仅在于宽度，如果从桌面打开站点，其宽度将为1050px，对于响应式（从智能手机打开），它将自动调整模板，智能手机屏幕显示为“自动”

*赫夫特…我很困惑为什么它不起作用。我需要你们的帮助

谢谢,

致以最良好的祝愿

---

Kris

为什么要自己定制引导

.css

文件？只需创建自己的规则并将其附加到

div

CSS样式总是逐个使用。因此，例如，如果您在自己的样式规则之前包含

bootstrap.min.css

文件，那么您自己的样式规则将覆盖所有引导样式

换言之： 首先包括

bootstrap.min.css

，然后是您自己的

.css

文件

让我们假设你有这个标记

<div class="foo bar"> </div>

根据所宣布的顺序，使用它最终会变成蓝色

让我们更具体一点。 您还可以使用一些更复杂的选择器来覆盖规则

.foo.bar {
  color: black;
}

上面的代码将覆盖前面定义的两个规则，因为它们是比简单的单个类选择器更强的选择器

结论 如果要覆盖引导样式，请尝试遵循顺序。如果引导使用一些复杂的选择器，而您的自定义选择器不会触发，请尝试使用更复杂的选择器。查看以了解有关复杂选择器的更多信息

.foo.bar {
  color: black;
}

结尾有一点提示：

---

尽量避免

！重要信息

！规则，声明为

！重要信息

，将覆盖所有其他规则，无论您之前声明了什么。

不要自定义bootstrap.min.css创建您自己的css文件，您可以根据需要编写您自己的css。根据您的要求，包括智能手机的媒体查询，给出宽度：100%；对于那个元素。

嗯，最后一个会赢。。。重要的是。让你的选择器更具体，这样它就否决了其他样式表。谢谢你…谢谢你…在我的一生中，我刚刚意识到css文件顺序影响了屏幕上的模板输出，我只知道我读了你的答案的时间…哈哈…我以前不知道。是的，我只是制定了自己的风格规则…哈哈…非常感谢。谢谢你们……祝你们一切顺利。致以最诚挚的问候……哦，是的……差点忘了，这是工作：）

.foo.bar {
  color: black;
}