HTML 中的类属性是否需要具有匹配的 CSS 样式？答案

【问题标题】：Do class attributes in HTML need to have matching CSS styles?HTML 中的类属性是否需要具有匹配的 CSS 样式？
【发布时间】：2021-04-04 14:13:59
【问题描述】：

我在一些 HTML 标签中包含了一个类名，但以后不一定会使用它们，如果我没有在我的 CSS 文件中使用它们，VS Code 会向我显示这个警告：

未找到 CSS 类选择器“导航链接”

（假设我将班级名称设为nav-links）
例如，如果我编写以下代码：

<div class='hero-introduction'>
  <h2>
    Elena Joy <br />
    Photographer
  </h2>
  <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque molestiae dolores cum debitis
    corporis. At enim aut atque maiores omnis.
  </p>
  <a href='.gallery'>Gallery</a>
</div>

然后我收到此警告：

未找到 CSS 类选择器“英雄介绍”

如果我将这个类添加到我的 CSS 文件中，则不会出现任何错误。是否需要在style.css文件中添加我的HTML文件中初始化的所有类名？

我在 Visual Studio Code 中使用“HTML CSS 支持”扩展。

【问题讨论】：

该错误消息可能来自扩展。如果不确定，您可以尝试extension bisect 功能来确定是哪个。
可能是this one?
@ÁlvaroGonzález 是的，它有效，我删除了 VS 代码中的 HTML CSS 支持扩展，错误消息消失了。
HTML 代码没有“初始化”，因为它的价值。它只是按原样解析。
@TylerH 我更改了标题，希望这个问题更有用。

标签： html css visual-studio-code vscode-extensions

【解决方案1】：

我还在 VS 代码终端的“问题”选项卡中看到“未找到 CSS 类选择器 '__'”消息。我禁用了 HTML CSS 支持扩展，现在我不再在终端中看到这些警告。 :)

【讨论】：

【解决方案2】：

将名为“HTML CSS Support”的扩展降级到 1.5.0 以下（因为他们在新更新中添加了 css 验证）。

【讨论】：

【解决方案3】：

不，没有必要在 CSS 文件中定义 HTML 中使用的所有类名。您在 HTML 中指定但未在 CSS 文件中定义/引用的类对页面的视觉输出没有影响。该警告旨在向您显示该类未在任何 CSS 文件中定义，因此可能会使其他开发人员在阅读您的代码时感到困惑，因为该类没有任何用途。

【讨论】：