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.cshtmlcuando se utiliza el archivosite.cssreferenciado en_Layout.cshtml. Una solución a esto podría ser asegurarse de que el archivosite.cssse 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.csso usar la declaración!importantsi 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.cssy no estén siendo anulados por otros estilos, deberían aplicarse a todas las vistas que utilicen_Layout.cshtml.