Antd样式覆盖错误：:global 语法错误，如何正确覆盖 Antd 组件样式？

antd 样式覆盖错误：unknown word

在定制 antd 组件样式时，使用 :global 覆盖样式时遇到了一个 syntaxerror。问题代码如下：

:global(
  .ant-tabs-tab {
    background-color: red;
  }
)

错误提示为 "unknown word。"这是因为将选择器和样式都用小括号括了起来。

正确的 :global 用法如下：

:global(.ant-tabs-tab) {
  background-color: red;
}

另外，建议使用 classname 来覆盖样式，以避免 :global 的潜在问题。例如：

.my-custom-class {
  :global(.ant-tabs-tab) {
    background-color: red;
  }
}

以上就是Antd样式覆盖错误：:global 语法错误，如何正确覆盖 Antd 组件样式？的详细内容，更多请关注其它相关文章！