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

IT技术 javascript css reactjs styled-components
2021-05-14 15:37:07

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

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

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

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

content: "\\d7"

这对我有用。

尝试将参考更新为:

content: '×';

https://brajeshwar.github.io/entities/上提供了更多替代编码格式

看看问题是不是不是引号

content: '"\\00d7"'

我在使用带有三元运算符的 props 时遇到了这个问题