如何抑制ASP.NET Blazor项目中CSS ::deep的Visual Studio验证警告

方法1：调整Visual Studio全局验证规则 #

• 打开顶部菜单栏 工具 -> 选项
• 依次展开左侧导航：文本编辑器 -> CSS -> 验证
• 可以选择两种操作：
  • 直接取消勾选启用CSS验证总开关，Blazor的CSS隔离功能不受编辑器校验影响可正常运行
  • 仅取消勾选无效的伪元素选项，保留其他CSS验证规则生效

方法2：配置项目级忽略规则 #

在项目根目录的.editorconfig文件中添加如下配置，仅对当前项目生效，不影响其他项目：

[*.css]
dotnet_diagnostic.CSS050.severity = none

CSS050为VS中「无效伪元素」对应的警告编号，若你使用的VS版本编号不一致，可右键警告条目查看属性获取准确编号后替换即可。

方法3：针对单个使用位置临时抑制 #

在使用::deep的代码行上方添加VS识别的忽略注释即可：

/* vcss-disable CSS050 */
::deep .custom-class {
    /* 你的样式规则 */
}
/* vcss-enable CSS050 */

内容的提问来源于stack exchange，提问作者Tomáš Bezouška