我有一个使用Razor视图引擎在ASP.NET MVC中运行的大型站点
我有一个基本样式表,其中包含整个网站的所有通用样式。但是,有时我会使用中的页面特定样式<;头>通常为一行或两行
我并不特别喜欢将CSS放入<;头>由于它没有严格的关注点分离,但是对于一行或两行,这确实是特定于该页面的,我不希望附加另一个文件并添加到带宽
我有一个实例,我想将一个特定于页面的媒体查询放入<;头>,但由于媒体查询使用@符号和方括号{},因此与razor语法冲突:
@节cphPageHead{
<;风格>;
/*特定于页面的CSS*/
...
@仅媒体屏幕和(最大宽度:960px)<;--此处的@符号冲突!
{
... }
}
</风格>;
}
有什么办法可以让我绕过这件事吗
使用双@符号。这将在客户端转义@symbol并正确呈现@media