@ consulta de mídia e conflito de sintaxe do asp.net MVC razor
Eu tenho um site grande que é executado no ASP.NET MVC usando o mecanismo de exibição Razo
Tenho uma folha de estilo base que contém todo o estilo genérico de todo o site. No entanto, ocasionalmente, tenho estilos de página específicos que, no<head>
da página - geralmente são uma ou duas linha
Eu particularmente não gosto de colocar o CSS em<head>
como não é uma separação estrita de preocupações, mas por uma ou duas linhas, que é realmente específica dessa página, prefiro não precisar anexar outro arquivo e adicionar à largura de band
Eu tenho uma instância em que gostaria de colocar uma consulta de mídia específica da página no<head>
, mas como uma consulta de mídia usa o símbolo @ e os colchetes {}, ela entra em conflito com a sintaxe do razor:
@section cphPageHead{
<style>
/* PAGE SPECIFIC CSS */
...
@media only screen and (max-width : 960px) <-- the @ symbol here is clashing!
{
... }
}
</style>
}
Existe uma maneira de contornar isso?