选择页面加载时的默认css

Question

我有一个非常基本的mvc应用程序。

我有两个css文件，即Site.css和bootstrap.min.css。

我在应用程序中看到bootstrap.min.css中提到的样式正在加载，其样式类似于

HTML，身体{余量：0;填充：0;}

等等

当我调试代码时，我知道两个css文件都存在于_Layout.cshtml中

link href =“@ Url.Content（”〜/ Content / Site.css“）”rel =“stylesheet”type =“text / css”link href =“@ Url.Content（”〜/ Content / bootstrap.min。 css“）”rel =“stylesheet”type =“text / css”

我的问题是：是因为bootstrap.min.css文件在Site.css之后按顺序使用，bootstrap.min.css样式正在应用？还是有办法选择MVC中可用的默认css？

Answer 1

简短的回答，CSS样式按此顺序应用 - 从这个SO问题

CSS files applying order

1. 用户代理声明（浏览器默认样式）
2. 用户正常声明
3. 作者（页）正常声明
4. 作者（页）重要声明
5. 用户重要的声明

特别是在您的情况下，bootstrap.min.css文件正在Site.css文件之后应用，因此优先。

Answer 2

Css始终应用最底层的代码，意味着来自bootstrap.min.css的内容如果重新定义则覆盖你的Site.css样式。

如果你能够编辑Site.css，你应该尝试重要的参数：

background-color: #000 !important;

如果你甚至可以改变订单，你应该考虑先做

这将使规则被锁定（除非您稍后使用!important相同的规则但完全没有!important的bootstrap工作，据我所知）