No se puede aplicar CSS a las vistas en ASP.NET MVC.
Tengo un problema con los estilos en mi aplicación ASP.NET MVC.
Este es mi código de la etiqueta head en _Layout.cshtml:
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>@ViewBag.Title</title>
<link href="~/lib/bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="~/content/site.css" rel="stylesheet">
</head>
site.css es mi archivo CSS, el problema es que tengo una vista de inicio (index.cshtml) que solo tiene divs adentro. La vista se renderiza, pero ninguno de mis estilos funciona con ella.
Pero cuando escribo estilos localmente como:
<div class="middle" style="width:500px; height:200px;">
entonces se aplican a la div.
¿Necesito establecer estilos en cada vista, o hay alguna forma de hacer que las vistas usen los estilos de _Layout?
davy.ai
Parece que tus estilos no se están aplicando a la vista
index.cshtml
cuando se utiliza el archivosite.css
referenciado en_Layout.cshtml
. Una solución a esto podría ser asegurarse de que el archivosite.css
se esté cargando correctamente mediante la verificación de la pestaña de red en las herramientas de desarrollo de tu navegador. Si el archivo no se está cargando, asegúrate de que la ruta del archivo sea correcta y de que el archivo exista.Si el archivo se está cargando, entonces es posible que necesites verificar la especificidad de tu CSS o cualquier estilo conflictivo que esté anulando tu
site.css
. Puedes intentar agregar selectores más específicos a tusite.css
o usar la declaración!important
si es necesario.No deberías necesitar establecer estilos en cada vista si estás utilizando un archivo compartido
_Layout.cshtml
. Siempre y cuando tus estilos estén definidos en el archivosite.css
y no estén siendo anulados por otros estilos, deberían aplicarse a todas las vistas que utilicen_Layout.cshtml
.