webdevqa.jp.net

Visual Studio Code CSSエラー「空のルールセットを使用しないでください」

HTMLとCSSにVisual Studio Codeを使用しています。ウェブサイトを損なわないエラーが表示されますが、それについて詳しく知りたいです。 HTMLのIDのスタイリングにカーソルを合わせると、ボックスがポップアップ表示されます。 「空のルールセットを使用しないでください」。

「空のルールセット」に関する詳細情報を提供して、Visual Studio Code(または他のエディター)が空のルールセットについて警告する理由を説明できますか?

23
Wyredain

CSSでは、 ruleset はスタイルシートを構成する基本的な構成要素の1つです。

.example {
    font-size: 1.25rem;
    color: red;
}

空のルールセットは、プロパティ宣言を持たず、セレクターのみを含むルールセットです。

#id {
}

お気づきのとおり、これらのルールはドキュメントのレンダリングには影響しませんが、CSSを評価して何も見つからない場合は 一部のブラウザーはそれらを使用します です。パフォーマンスジャンキーdetestこの種の不要なオーバーヘッドがあるため、クリーンさのためにスクラブすることをお勧めします。実際、CSS Lintには空のルールセットに対して特別なルールがあり、Codeは同じルールセットでCSSをオンザフライで単純にリントしています。

ただし、空のルールセットは、 this one などの特定のブラウザーのバグを回避するのに役立ちます。このような状況では、空のルールセットを削除すると実際にページのレンダリングに悪影響が出るため、理想的には目的を文書化したコメントを付けて、そのままにしておく必要があります。

Settings.jsonファイルでcss.validateをfalseに設定すると、リントを無効にできます。これを行う方法については documentation をご覧ください。

35
BoltClock