如何让第一个孩子使用 JSS-Nested

IT技术 reactjs jss
2021-05-21 03:19:49

我使用的是 jss 预设默认值,它带有 jss-nested。

我可以让 '&:hover' 工作,但 '&:first-child' 对我不起作用。

示例代码:

    summaryItem: {
    borderLeft: '2px solid red',
    '&:first-child': {
        borderLeft: '2px solid transparent',
      }
    }
1个回答

您需要添加一个空间来调用子选择器,否则就像调用div:first-child而不是div > :first-child

    summaryItem: {
    borderLeft: '2px solid red',
    '& > :first-child': {
        borderLeft: '2px solid transparent',
      }
    }