抑制 Blazor css ::深度警告

Question

在 asp.net Blazor 应用程序的 css 文件中，当我使用::deepVS 时，会发出警告“验证 (CSS 4.0)：“::deep”不是有效的伪元素。” 对于常规 CSS 来说可能是这样，但在 Blazor 应用程序的上下文中则不然。

有办法抑制吗？Right-click -> Suppress -> In File / In Source没做什么。

Answer 1

您可以添加deep供应商特定的扩展。
我已将其添加到 Microsoft 扩展中并且可以正常工作。

使用编辑器（在管理员模式下）打开文件：
C:\Program Files (x86)\Microsoft Visual Studio\2019\<your version>\Common7\IDE\Extensions\Microsoft\Web Tools\Languages\Schemas\CSS\1033 \css-供应商-ms.xml

转到第 ~69 行并添加以下代码：

    <CssPseudo name="::deep"
             _locID="ms-browse-pseudo-element"
             _locAttrData="description"
             version="3.0"
             browsers="IE11"
             description="Blazor child component support."
             standard-reference="https://learn.microsoft.com/en-us/aspnet/core/blazor/components/css-isolation?view=aspnetcore-5.0"/>

重新启动 Visual Studio。

现在我可以看到源代码为：

Answer 2

对于 Resharper 用户，需要编辑 css-vendor-ms.xml，但并不能完全解决问题。Resharper 将继续将 ::deep 元素突出显示为解决方案中的错误。这是目前已知的错误，有望在未来的版本中得到解决。

作为解决方法，请转至 Resharper 选项 --> 代码检查 --> 检查严重性 --> CSS --> 潜在代码质量问题 --> 未知 CSS 符号，并将严重性降至警告（或更低）。