伪选择器在样式组件中的工作方式是否与具有 unicode 字符的 css 相同

Question

我有以下样式组件，我正在尝试添加一个 unicode 字符\00d7作为伪选择器的内容，它是一个交叉或关闭图标。

然而，这似乎不像在 css 中那样工作。当然，我可以为这个关闭图标使用 svg 作为替代方案，我只是想知道这是否可以使用样式组件？它似乎允许空白的伪选择器，例如''

const Close = styled.span`
  color: pink;
  &:before {
    content: '\00d7';
  }
`

Answer 1

我认为您需要结合以下两个评论：

content: "\\d7"

这对我有用。

Answer 2

尝试将参考更新为：

content: '×';

更多替代编码格式可在https://brajeshwar.github.io/entities/上找到。