css特性與引導

Question

我想了解css的特異性。我想要實現的是讓basics.css具有最高的特性，這樣無論它在哪裏都會完全覆蓋bootstrap css，即使它是相同的選擇器。

如何在此處訂購我的​​文件以實現此目的？

@import url("common.css"); 
@import url("links.css"); 
@import url("content.css"); 
@import url("colours.css"); 
@import url("basics.css"); 
@import url("/bootstrap/css/bootstrap.css"); 
@import url("/bootstrap/css/bootstrap-responsive.css"); 
@import url("/bootstrap/css/bootstrap-select.min.css"); 
@import url("/footable/css/footable.core.min.css"); 
@import url("/font-awesome/css/font-awesome.css"); 
@import url("/iconmoon/style.css"); 

Answer 1

的LAST CSS覆蓋FIRST CSS調用。

所以，爲了做到這一點，我會建議你調用首先是最重要的CSS和最後最重要的。

在這種情況下，你會先打電話bootstrap.css和最後一個basics.css

編輯：
像這樣的事情

@import url("/bootstrap/css/bootstrap.css"); 
@import url("/bootstrap/css/bootstrap-responsive.css"); 
@import url("/bootstrap/css/bootstrap-select.min.css"); 
@import url("/footable/css/footable.core.min.css"); 
@import url("/font-awesome/css/font-awesome.css"); 
@import url("/iconmoon/style.css"); 
@import url("common.css"); 
@import url("links.css"); 
@import url("content.css"); 
@import url("colours.css"); 
@import url("basics.css");