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

Question

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

但是，这似乎不像在 css 中那样工作。当然，我可以为这个关闭图标使用 svg 作为替代方案，我只是好奇这是否可以通过 styled-components 实现？它似乎允许空白的伪选择器，例如''

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

Answer 1

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

content: "\\d7"

这对我有用。

Answer 2

尝试更新参考：

content: '×';

https://brajeshwar.github.io/entities/上提供了其他替代编码格式。

Answer 3

看看问题是不是引号

content: '"\\00d7"'

将道具与三元运算符一起使用时遇到了这个问题