Как заставить первого ребенка работать с 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',
      }
    }