实验时css层叠样式表不更新的情况
自定义了CSS的样式，希望在页面中起作用。因为MVC中Views/Shared/_Layout.cshtml是所有试图的公共文件，如下：
<!DOCTYPE html> <html> <head> <title>@ViewBag.Title</title> <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" /> <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script> </head> <body> @RenderBody() </body> </html>
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />通过这句话使用了一个外部层叠样式表文件，位置在"~/Content/Site.css"。所以，如果要自定义层叠样式，就可以在Site.css中文件添加定义，这样也方便统一管理。
在实验过程中，出现一个问题，就是在Site.css中修改或添加了层叠样式后，启动程序，发现CSS没有起作用。测试多次，换浏览器，清除缓存都不行。
后发现解决方法为：启动程序后，在页面上选择查看网页源代码，会在head头部看到添加进来的这个外部CSS文件的地址，比如：
<link href="/Content/Site.css" rel="stylesheet" type="text/css" />
正常情况下"/Content/Site.css"下会有超链接，鼠标点击这个超链接，将直接打开Site.css的源代码文件，此时发现，Site.css源代码文件里的内容没有加载新添加的内容，还是老内容。解决的方法就是在此时，刷新浏览器，让浏览器重新加载Site.css源代码文件，就可以看到新添加或修改的内容就已经添加进来，这个时候再做实验，打开页面，CSS就起作用了。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
