Reactjs 无法定位：在 JSS 中的伪 Select 器之前

发布于12月05日

我试图将目标对准页面上某个元素的after伪 Select 器.我正在为这个项目试用JSS，到目前为止我是一个巨大的粉丝，但对它还是非常陌生的.我在用JSS Select :后遇到问题.这可能是因为我在读文件的时候以为是这样的吗.

这是我的分数:

<Link to="about" className={classes.link}>About</Link>

我的JSS看起来像这样:

link: {
    position: 'relative',
    fontFamily: fonts.family.primary
    '&:before': {
        content: ' ',
        position: 'absolute',
        bottom: 0,
        left: 50,
        width: '100%',
        height: '1rem',
        display: 'block',
        background:styles.colors.white
    }
}

如果熟悉JSS的人能帮上忙，那就太好了！

推荐答案

你所做的是对的.除了两件事:

1) 语法错误:条目fontFamily: fonts.family.primary后缺少逗号

2) 内容应该是一个用双引号括起来的字符串，而双引号又应该用单引号括起来.所以，一个空内容应该是content: '""',

因此，请try 以下方法:

link: {
    position: 'relative',
    fontFamily: fonts.family.primary,
    '&:before': {
        content: '""',
        position: 'absolute',
        bottom: 0,
        left: 50,
        width: '100%',
        height: '1rem',
        display: 'block',
        background:styles.colors.white
    }
}