如何確保一個CSS文件不會覆蓋另一個？

Question

我在我的項目中使用bootstrap，並且我還使用了一個從一個開源項目中借用的CSS文件，它也基於bootstrap。

在此css文件，它具有：

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

我的HTML是非常簡單的：

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

我要的是container內special格，我用的是container從引導，像這個：

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

對於其他容器，使用on e從上面的css。

Answer 1

將id或特殊類分配給特殊div，並在css中使用後代選擇器或子選擇器，如下所示。

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


#divSpecial .container { 

}

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


.divSpecial .container { 

}