Visual Studio Code CSSエラー「空のルールセットを使用しないでください」
HTMLとCSSにVisual Studio Codeを使用しています。ウェブサイトを損なわないエラーが表示されますが、それについて詳しく知りたいです。 HTMLのIDのスタイリングにカーソルを合わせると、ボックスがポップアップ表示されます。 「空のルールセットを使用しないでください」。
「空のルールセット」に関する詳細情報を提供して、Visual Studio Code（または他のエディター）が空のルールセットについて警告する理由を説明できますか？
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 をご覧ください。