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

Question

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

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

示例代码：

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

Answer 1

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

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