Erreur CSS de Visual Studio Code "Ne pas utiliser de jeux de règles vides"
J'utilise Visual Studio Code pour HTML et CSS. Je reçois une erreur qui n'altère pas le site Web, mais j'aimerais en savoir plus. Lorsque je survole le style d'un ID en HTML, une boîte apparaît et indique. Msgstr "N'utilisez pas de jeux de règles vides".
Quelqu'un peut-il fournir plus d'informations sur les "ensembles de règles vides" et expliquer pourquoi Visual Studio Code (ou tout autre éditeur) avertirait d'un ensemble de règles vide?
En CSS, un jeu de règles est l'un des blocs de construction de base qui composent une feuille de style:
.example {
font-size: 1.25rem;
color: red;
}
Un ensemble de règles vide est celui qui n'a aucune déclaration de propriété, juste un sélecteur:
#id {
}
Comme vous le constatez, ces règles n'ont aucun effet sur le rendu d'un document, mais certains navigateurs les consommeront lors de l'évaluation de CSS uniquement pour ne rien y trouver. Les accros à la performance détestent toute surcharge inutile de ce type, il est donc préférable de les nettoyer pour des raisons de propreté. En fait, CSS Lint a une règle spécifiquement contre les ensembles de règles vides, et Code est simplement en train de peloter votre CSS à la volée avec le même ensemble de règles.
Cependant, des ensembles de règles vides peuvent être utiles pour contourner certains bogues du navigateur tels que celui-ci . Dans de telles situations, la suppression de l'ensemble de règles vide a en fait des effets néfastes sur le rendu de la page, ils doivent donc être laissés là, idéalement avec un commentaire documentant leur objectif.
Vous pouvez désactiver le peluchage en définissant css.validate à false dans votre fichier settings.json. Voir documentation pour savoir comment procéder.