更改后未应用CSS

Question

更改后未应用CSS

Ala*_*n B 23 asp.net asp.net-mvc asp.net-mvc-3 asp.net-mvc-2

我有问题,我不能在我的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;
}

Run Code Online (Sandbox Code Playgroud)

例如,我将#SideBar中的"border"从红色变为黑色.但它总是显示红色.我可能在这里做了一些根本错误的事情.

_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 &copy; XXXXXXX</p>
   </div>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

但是,如果重命名物理文件并更改_Layout.cshtml中的引用,我可以看到我所做的更改.

请帮忙.

谢谢

Answer 1

Jah*_*ine 77

按Ctrl-F5重新加载页面,而不使用缓存的内容

Answer 2

Bon*_*nyT 10

浏览器可以缓存CSS文件等静态文件.

如果您更新CSS文件并且浏览时未显示更改,请尝试在浏览器中使用CTRL-F5.

+1通常就是这样：)。如果您正在IE中进行测试，请注意另一个提示：按F12键激活开发人员工具栏，然后在“缓存”菜单中有一个选项“始终从服务器刷新”。在开发样式时可能很有用。 (2认同)

归档时间：	14 年，8 月前
查看次数：	36493 次
最近记录：	6 年，7 月前