2014-01-11 38 views
0

我想了解css的特异性。我想要实现的是让basics.css具有最高的特性,这样无论它在哪里都会完全覆盖bootstrap 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"); 

回答

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"); 
+0

在这种情况下,不进口的顺序优先于传统的特异性比较? –