@media media query и конфликт синтаксиса бритвы ASP.NET MVC

У меня есть большой сайт, работающий в ASP.NET MVC с использованием механизма просмотра Razor.

У меня есть базовая таблица стилей, которая содержит все общие стили для весь сайт. Однако иногда у меня есть стили для конкретных страниц, которые находятся в страницы - обычно это одна или две строки.

Мне не очень нравится помещать CSS в поскольку это не строго разделение задач, но для одной или двух строк, которые действительно относятся к этой странице, я предпочитаю не прикреплять еще один файл и увеличивать пропускную способность.

У меня есть хотя я хотел бы поместить медиа-запрос для конкретной страницы в , но поскольку в медиа-запросе используется символ @ и квадратные скобки, {} он противоречит синтаксису бритвы:

@section cphPageHead{
     <style>
        /* PAGE SPECIFIC CSS */
        ...

        @media only screen and (max-width : 960px) <-- the @ symbol here is clashing!
            {
               ... }
            } 
    </style>
}  

Is есть способ обойти это?

201
задан BoltClock 7 March 2012 в 10:43
поделиться