将:before和:after个伪类应用于样式化组件的正确方法是什么？
我知道你可以用
&:hover {}
将:hover伪类应用于样式化组件.
这是否适用于所有伪元素，比如前后？
我try 过在一些相当复杂的例子中使用&:before和&:after策略，但我不确定我的try 是否有效，因为我的例子出了问题，或者根本不起作用.
有人对此有所了解吗？非常感谢.
将:before和:after个伪类应用于样式化组件的正确方法是什么？
我知道你可以用
&:hover {}
将:hover伪类应用于样式化组件.
这是否适用于所有伪元素，比如前后？
我try 过在一些相当复杂的例子中使用&:before和&:after策略，但我不确定我的try 是否有效，因为我的例子出了问题，或者根本不起作用.
有人对此有所了解吗？非常感谢.
styled-components中的伪 Select 器的工作原理与CSS中的一样.(或者更确切地说，Sass)任何不起作用的东西都可能是特定代码中的问题，但如果没有看到实际代码，就很难进行调试！
下面是一个如何使用简单:after的示例:
const UnicornAfter = styled.div`
&:after {
content: " ?";
}
`;
<UnicornAfter>I am a</UnicornAfter> // renders: "I am a ?"
如果你发布你的代码，我可能会帮助调试你的具体问题！