Css 根据某些条件改变树状物的颜色；使用antd React库中的树

我用的是Antd的。我想从Antd（React Library）更改树中某些节点的颜色，我通过删除数据创建树

我看到以下来自antd的css总是将我的内联样式覆盖到特定的树节点。如果在浏览器元素中禁用css中的颜色，则会发生颜色更改

覆盖以下内容的样式：.ant tree li.ant tree节点内容包装器

---

TIA为TreeNode而不是TreeNode本身设置标题中的样式

<TreeNode
    title={
      <span
        style={{
          color: node.match === false ? "red" : "black"
        }}
      >
        {node[val]}
      </span>
    }
  />