J'ai un grand site qui s'exécute dans ASP.NET MVC en utilisant le moteur de vue Razor.
J'ai une feuille de style de base qui contient tous les styles génériques pour l'ensemble du site. À l'occasion, cependant, j'ai des styles spécifiques à la page qui dans <head>
la page - généralement c'est une ou 2 lignes.
Je n'aime pas particulièrement mettre le CSS dans <head>
sa séparation pas strictement des préoccupations, mais pour une ou deux lignes, qui est vraiment spécifique à cette page, je préfère ne pas avoir à joindre un autre fichier et à ajouter à la bande passante.
J'ai cependant une instance où j'aimerais mettre une requête multimédia spécifique à une page dans le <head>
, mais parce qu'une requête multimédia utilise le symbole @ et les crochets {}, elle est en conflit avec la syntaxe du rasoir:
@section cphPageHead{
<style>
/* PAGE SPECIFIC CSS */
...
@media only screen and (max-width : 960px) <-- the @ symbol here is clashing!
{
... }
}
</style>
}
Existe-t-il un moyen de contourner cela?
css styles
devrait être dans le fichier CSS, en particulier pour un CSS "Large site" linéaire sur la page n'est pas la meilleure pratique. PS: Mon avis