CSS在更改后未被应用
CSS在更改后未被应用
提问于 2011-06-10 15:04:01
我遇到了无法在ASP.NET MVC应用程序的CSS中应用样式的问题。其行为是它是第一次应用，然后对CSS的后续更改不会反映在我的_Layout.cshtml中。我不确定我在这里遗漏了什么。
CSS文件
body
{
font-size: .85em;
font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
color: #232323;
background-color: #fff;
}
header,
footer,
nav,
section {
display: block;
}
/* Styles for basic forms
-----------------------------------------------------------*/
fieldset
{
border:1px solid #ddd;
padding:0 1.4em 1.4em 1.4em;
margin:0 0 1.5em 0;
}
legend
{
font-size:1.2em;
font-weight: bold;
}
textarea
{
min-height: 75px;
}
.editor-label
{
margin: 1em 0 0 0;
}
.editor-field
{
margin:0.5em 0 0 0;
}
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
color: #ff0000;
}
.field-validation-valid
{
display: none;
}
.input-validation-error
{
border: 1px solid #ff0000;
background-color: #ffeeee;
}
.validation-summary-errors
{
font-weight: bold;
color: #ff0000;
}
.validation-summary-valid
{
display: none;
}
#Header
{
color:white;
padding:1px;
}
#Content
{
float:left;
margin:10px;
}
#SideBar
{
float :left;
margin:10px;
padding :10px;
border: dotted 1px red;
width:180px;
font-style:italic;
}
#Footer
{
text-align:center;
clear:both;
}例如，我将#侧边栏中的“边框”从红色改为黑色。但它总是显示为红色。我可能在这里做了一些根本错误的事情。
_Layout.cshtml
<!DOCTYPE html>
<html>
<head>
<title>@ViewBag.Title</title>
<!--link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />-->
<link href="@Url.Content("~/Content/SiteStyle.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
</head>
<body>
<div id="Header" style="background-image: url('/Content/Images/Banner_Final3.png'); background-repeat:no-repeat; width :1500px; height : 150px;" >
</div>
<div id="SideBar">
@Html.Partial("UserControls/UserLogin", new AlanBeezLab.Models.LoginModel())
</div>
<div id="Content">
@RenderBody()
</div>
<div id="Footer">
<p>Copyright © XXXXXXX</p>
</div>
</body>
</html>但是，如果重命名物理文件并更改_Layout.cshtml中的引用，我可以看到所做的更改。
请帮帮忙。
谢谢
回答 4
Stack Overflow用户
回答已采纳
发布于 2011-06-10 15:05:48
按Ctrl-F5重新加载页面，而不使用缓存的内容
Stack Overflow用户
发布于 2011-06-10 15:07:19
浏览器可以缓存静态文件，如CSS文件。
如果更新CSS文件时浏览时未显示更改，请尝试在浏览器中使用CTRL-F5组合键。
Stack Overflow用户
发布于 2013-04-16 22:07:03
当其他东西不起作用时，这将会起作用，就像我的例子：
归功于：atticae
您可以将随机查询参数附加到样式表url (例如，通过javascript或服务器端代码)。它不会更改正在加载的css文件，但会阻止缓存，因为浏览器会检测到不同的url，并且不会加载缓存的样式表。
<link rel="stylesheet" type="text/css" href="http://mysite/style.css?id=1234">页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6303053
复制相关文章
相似问题