Question

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

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

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

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

等

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

link href =“@ Url.Content（”〜/ Content / Site.css“）”rel =“stylesheet” type =“text / css”链接 href =“@ Url.Content（”〜/ Content / bootstrap.min.css“）”rel =“stylesheet” 类型= “文本/ CSS”

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

Answer 1

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

CSS files applying order

用户代理声明（浏览器默认样式）
用户正常声明
作者（页）正常声明
作者（页面）重要声明
用户重要声明

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

Answer 2

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

如果您能够编辑Site.css，则应尝试重要参数：

background-color: #000 !important;

如果您甚至可以更改订单，则应考虑先执行此操作

这将使规则被锁定（除非您稍后在同一规则中使用!important但完全没有!important的引导工作，我知道）

选择页面加载时的默认css

2 个答案: