在 HTML 的 vs 代码中禁用波浪黄色下划线

Question

如何忽略此错误。 我已经为某些标签使用了id属性，以便在 javascript 中通过 id 引用它们，但它显示了这个错误：

未找到 CSS id 选择器“...”。

请告诉我如何忽略或禁用此错误。

Answer 1

更新：自删除css.validation选项的原始帖子以来的最新更新，答案的第一部分不再有效。 看

---

如果您使用的是 HTML CSS 支持由 ecmel 扩展，您可以将 go 到.vscode/settings.json

"css.validation": {
    "id": false,
    "class": false
}

这将关闭对 class 名称和 ID 的 css 验证。

有关此扩展的更多信息，请访问此处选择器验证下的 Visual Studio MarketPlace 或 Github 存储库自述文件选择器验证部分

---

注意： 1）也不要忘记在前面的设置后添加一个逗号（因为 JSON 格式是逗号分隔的）。

例子：

 { "java.codeGeneration.generateComments": true, "css.styleSheets": [ // (1) "https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css", "src/main/resources/static/css/styles.css" ], "css.validation": { "id": false, "class": true } }

2. 有时您需要在将更改保存到文件后重新启动/关闭并重新打开 vscode 才能生效。

3. 有一种配置样式表的方法。 下一位来自他们的文档，请参阅附加 Styles 部分：

附加样式表

If it is not possible to specify local or remote styles in HTML or via template inheritance, they can be specified in VS Code settings per workspace folder in.vscode/settings.json and will suggest for all HTML files within that workspace folder:

.vscode/settings.json

 "css.styleSheets": [ // (1) "https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css", // (2) "/site.css", // (3) "site.css", // (4) "./site.css" ]

Answer 2

也许您的 css 格式不正确。

尝试：

<style>
#phone {
your css here;
}
</style>

您需要确保用 # 标记代码以表明它是一个 id 而不是 class 或其他东西。