更改后未应用CSS [英] CSS is not being applied after changes
问题描述
我遇到了无法在ASP.NET MVC应用程序中的CSS中应用样式的问题. 行为是第一次应用，然后对CSS的后续更改未反映在我的_Layout.cshtml中.我不确定我在这里想念的是什么.
I have problem where I can't apply the style in CSS in my ASP.NET MVC application. The behavior is it applies for the first time and then the subsequent changes to the CSS is not getting reflected in my _Layout.cshtml. I am not sure what I am missing here.
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;
}
例如，我将#SideBar中的边框"从红色更改为黑色.但是它总是显示红色.我在这里可能做的是根本错误的事情.
For example I changed "border" in #SideBar from red to black. But it always show red. I might be doing something fundamentally wrong here.
<!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中的引用，则可以看到所做的更改.
However, if rename the physical file and change the reference in _Layout.cshtml, I could see the changes I made.
请帮助.
谢谢
推荐答案
在不使用缓存内容的情况下，按Ctrl-F5即可重新加载页面
Hit the Ctrl-F5 for reloading the page without using the cached contents
这篇关于更改后未应用CSS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
