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