@ media media query y ASP.NET MVC razor syntax clash
Tengo un sitio grande que se ejecuta en ASP.NET MVC usando el motor de visualización Razor.
Tengo una hoja de estilo base que contiene todo el estilo genérico de todo el sitio. En ocasiones, sin embargo, tengo estilos específicos de página que en el<head> de la página: por lo general, esta es una o 2 líneas.
No me gusta particularmente poner el CSS en<head> ya que no es estrictamente una separación de preocupaciones, pero para una o dos líneas, eso realmente es específico de esa página, prefiero no tener que adjuntar otro archivo y agregar al ancho de banda.
Tengo una instancia en la que me gustaría poner una consulta de medios específica de la página en la<head>, pero debido a que una consulta de medios usa el símbolo @ y los corchetes {} está en conflicto con la sintaxis de la maquinilla de afeitar:
@section cphPageHead{
<style>
/* PAGE SPECIFIC CSS */
...
@media only screen and (max-width : 960px) <-- the @ symbol here is clashing!
{
... }
}
</style>
}
¿Hay alguna forma de evitar esto?