我有一个大的网站运行在ASP。NET MVC使用Razor视图引擎。
我有一个基本样式表，其中包含了整个网站的所有通用样式。然而，有时我在页面的<head>中有特定的页面样式-通常是一到两行。
我不特别喜欢把CSS放在<head>，因为它不是严格的分离关注，但对于一两行，这真的是特定于该页面，我更喜欢不必附加另一个文件，并增加带宽。
我有一个实例，虽然我想把一个页面特定的媒体查询到<头>，但因为一个媒体查询使用@符号和括号{}它与剃刀语法冲突:
@section cphPageHead{
<style>
/* PAGE SPECIFIC CSS */
...
@media only screen and (max-width : 960px) <-- the @ symbol here is clashing!
{
... }
}
</style>
}
有什么办法能让我避开吗?
