VS代码中的伪元素引发语法错误

时间:2018-07-20 16:10:34

标签: javascript reactjs css3 visual-studio-code styled-components

我正在为我的应用程序使用样式化组件,并且需要使用伪类在特定情况下进行某些样式化。 但是在VS代码中,即使在浏览器中也能正常工作,它也会显示语法错误。附上屏幕截图。

VS code syntax error

请帮助我。 提前致谢 沙阿

1 个答案:

答案 0 :(得分:2)

您需要按以下方式更改代码

export const Element = styled.div`
 /* your styles */
 ${InnerElement}{
   &:only-child {    
       /* your style */
   }
 }
`