Visual Studio-Code CSS-Fehler "Leere Regelsätze nicht verwenden" [geschlossen]

8

Ich habe Visual Studio Code für HTML und CSS verwendet. Ich bekomme einen Fehler, der die Website nicht beeinträchtigt, aber ich würde gerne mehr darüber erfahren. Wenn ich den Mauszeiger über das Styling für eine ID in HTML bewege, erscheint eine Box und sagt: "Verwenden Sie keine leeren Regelsätze".

Kann jemand mehr Informationen über "leere Regelsätze" bereitstellen und erklären, warum Visual Studio Code (oder ein anderer Editor) vor einem leeren Regelsatz warnt?

    
Wyredain 08.09.2015, 17:49
quelle

1 Antwort

17

In CSS ist ein Regelsatz einer der Grundbausteine, aus denen er besteht ein Stylesheet:

%Vor%

Ein leerer Regelsatz ist einer, der keine Eigenschaftsdeklarationen hat, nur einen Selektor:

%Vor%

Wie Sie bemerken, haben diese Regeln keine Auswirkungen auf das Rendern eines Dokuments, aber Einige Browser werden sie bei der CSS-Auswertung verwenden , um dort nichts zu finden. Performance-Junkies verabscheuen unnötigen Overhead dieser Art, daher ist es besser, sie aus Gründen der Sauberkeit zu putzen. In der Tat hat CSS Lint eine Regel speziell gegen leere Regelsätze, und Code ist einfach lining Ihr CSS mit dem gleichen Satz von Regeln.

Leere Regeln können jedoch nützlich sein, um bestimmte Browserfehler zu umgehen, z. B. dieser . In solchen Situationen hat das Entfernen des leeren Regelsatzes tatsächlich negative Auswirkungen auf das Seitenrendering. Daher sollten sie dort belassen werden, idealerweise mit einem Kommentar, der ihren Zweck dokumentiert.

Sie können das Löschen deaktivieren, indem Sie css.validate in Ihrer Datei "settings.json" auf "false" setzen. Informationen dazu finden Sie in der Dokumentation .

    
BoltClock 08.09.2015, 18:00
quelle