如何确保一个css文件不会覆盖另一个？

Question

我在我的项目中使用bootstrap，而且我还使用了一个css文件，该文件是从一个开源项目借来的，也是基于bootstrap的。

在这个css文件中，它有：

.container {
  width: 100%;
  padding: 0
}

我的HTML非常简单：

<div class="special"><div class="container">...</div></div>

我想要的是container内special div，我使用引导程序中的container，如下所示：

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 1200px) {
  .container {
width: 1170px;
  }
}

对于其他容器，请使用上面的css。

Answer 1

将id或特殊类分配给特殊div，并在css中使用后代选择器或子选择器，如下所示。

<div class="divSpecial">
<div class="container"></div>
</div>


.divSpecial .container {

}

{{1}}

}