@ медіа-запит та зіткнення синтаксису бритви ASP.NET MVC

У мене великий сайт, який працює в 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>
}  

Чи є спосіб я обійти це?

використовувати подвійні символи @@. Це уникне символ @ і візуалізує @media правильно на стороні клієнта

Також не забудьте додати пробіл після подвійного @@:

 @@ media only screen and (max-width : 960px)

@@media без місця для мене не вийшло.

Я усвідомлюю, що це старе питання, але це єдине рішення, яке працювало на мене:

@section cphPageHead{
    <style type="text/css" media="screen and (max-width:959px)">
    </style>


    <style type="text/css" media="screen and (min-width:960px)">
    </style>
}