使用Bootstrap的CSS特异性

Question

我正试图了解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覆盖第一个 css。

所以，为了做到这一点，我会推荐你进入呼叫首先是最不重要的css 和持续最重要的。

在这种情况下，您将调用First bootstrap.css和Last 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");

.