Ошибка Visual Studio Code CSS "Не используйте пустые набор правил"

Я использую код Visual Studio для HTML и CSS. Я получаю сообщение об ошибке, которое не мешает сайту, но я хотел бы узнать больше об этом. Когда я нависаю над стилем для идентификатора в HTML, появляется окно и говорит. Msgstr "Не использовать пустые набор правил".

Может ли кто-нибудь предоставить дополнительную информацию о "пустых наборах правил" и объяснить, почему Visual Studio Code (или любой другой редактор) будет предупреждать о пустом наборе правил?

Ответ 1

В CSS набор правил является одним из основных строительных блоков, которые составляют таблицу стилей:

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

Пустой набор правил - это тот, у которого нет объявлений свойств, только селектор:

#id {
}

Как вы заметили, эти правила не влияют на визуализацию документа, но некоторые браузеры используют их при оценке CSS только для того, чтобы ничего там не найти. Производители-наркоманы ненавидят любые ненужные издержки такого рода, поэтому лучше их чистить ради чистоты. Фактически, CSS Lint имеет правило специально для пустых наборов правил, а Code просто связывает ваш CSS на лету с тем же набором правил.

Однако пустые наборы правил могут быть полезны при работе с определенными ошибками браузера, такими как эта. В таких ситуациях удаление пустого набора правил фактически оказывает неблагоприятное влияние на визуализацию страницы, поэтому их следует оставить там, в идеале с комментарием, документирующим их назначение.

Вы можете отключить linting, установив для css.validate значение false в файле settings.json. Смотрите документацию о том, как это сделать.