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

最后 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");

使用bootstrap的css特异性

1 个答案: