asp.net - utilización - CSS no se está aplicando después de los cambios
utilización de estilos en asp net css (3)
El navegador puede almacenar en caché archivos estáticos como archivos CSS.
Si actualiza un archivo CSS y el cambio no aparece cuando navega, intente utilizar CTRL-F5 en su navegador.
Tengo un problema donde no puedo aplicar el estilo en CSS en mi aplicación ASP.NET MVC. El comportamiento es que se aplica por primera vez y luego los cambios posteriores al CSS no se reflejan en mi _Layout.cshtml. No estoy seguro de lo que me falta aquí.
Archivo 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;
}
Por ejemplo, cambié "border" en #SideBar de rojo a negro. Pero siempre muestra rojo. Podría estar haciendo algo fundamentalmente malo aquí.
_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>
Sin embargo, si renombre el archivo físico y cambie la referencia en _Layout.cshtml, podría ver los cambios que hice.
Por favor ayuda.
Gracias
Presiona la tecla Ctrl-F5 para volver a cargar la página sin usar los contenidos en caché
Esto funcionará cuando cualquier otra cosa no lo haga, como en mi caso:
El crédito va a: atticae
Puede agregar un parámetro de consulta aleatorio a la url de la hoja de estilo (por ejemplo, a través de javascript o el código del lado del servidor). No cambiará el archivo css que se está cargando, pero evitará el almacenamiento en caché, ya que el navegador detecta una url diferente y no cargará la hoja de estilos en caché.
<link rel="stylesheet" type="text/css" href="http://mysite/style.css?id=1234">