Как заставить первого ребенка работать с JSS-Nested

Question

Я использую предустановку jss по умолчанию и поставляется с вложением jss.

Я мог заставить '&: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',
      }
    }