带有引导程序的 css 特异性

Question

我试图了解 css 的特殊性。我想要实现的是让 basics.css 具有最高的特异性，以便其中的任何内容都将完全覆盖引导 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，然后最后调用最重要的 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");