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

【问题标题】：Disable wavy yellow underline in vs code for HTML在 HTML 的 vs 代码中禁用波浪黄色下划线
【发布时间】：2021-04-04 18:20:49
【问题描述】：

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

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

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

【问题讨论】：

这肯定来自扩展。检查 VSCode 中安装的任何 CSS 扩展
也许这有帮助：stackoverflow.com/questions/29980166/…

标签： html css visual-studio-code

【解决方案1】：

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

如果你使用的是ecmel的HTML CSS Support扩展，你可以去.vscode/settings.json添加

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

这将关闭对类名和 id 的 css 验证。

在 Visual Studio MarketPlace 中选择器验证here 或 Github 存储库自述文件Selector Validation Section 下的此扩展的更多信息

笔记： 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
    }
}

有时你需要在保存更改到文件后重新启动/关闭并重新打开vscode才能生效。
有一种配置样式表的方法。下一点取自他们的文档，请参阅Additional Styles Section:

其他样式表

如果无法在 HTML 中或通过指定本地或远程样式模板继承，它们可以在 VS Code 设置中指定 .vscode/settings.json 中的工作区文件夹，并将建议所有该工作区文件夹中的 HTML 文件：

.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" 
]

【讨论】：

【解决方案2】：

也许你的 css 格式不正确。

尝试：

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

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

【讨论】：