Reactjs 如何使用:not(.className)和伪选择器

Reactjs 如何使用:not(.className)和伪选择器,reactjs,emotion,Reactjs,Emotion,你怎么能在情感上实现这样的事情 .navBar__Link:not(.noborder)::after{ content: ''; position: absolute; top: 50%; left: 10px; height: 15px; width: 0; z-index:-1; background-color: var(--colorPrimary); transition: all .3s cubic-

你怎么能在情感上实现这样的事情

.navBar__Link:not(.noborder)::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    height: 15px;
    width: 0;
    z-index:-1;
    
    background-color: var(--colorPrimary);
    transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
您可以使用和来实现这一点。请参阅文档

  css`
   &:not(.noborder)::after navBar__Link {
     content: '';
     position: absolute;
     top: 50%;
     left: 10px;
     height: 15px;
     width: 0;
     z-index:-1;
    
     background-color: var(--colorPrimary);
     transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
   }
`;

&:不是(.noborder)::在。。。在您的组件中scope@DennisVash这实际上是我所寻找的组件独家新闻,你是指将navBar_uuu链接作为类名的组件,对吗?谢谢,这是xlear的答案,如果我有这样的东西:const navBarLink=app
一些样式
,怎么样,所以现在导航栏链接不再是一个类了怎么重写你的答案