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

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

Я мог бы заставить работать '&: hover', но '&: first-child' у меня не работает.

образец кода:

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

reactjs jss
person Victor Tsang    schedule 23.09.2018    source источник

Ответы (1)


arrow_upward
9
arrow_downward

Вам нужно добавить пространство для вызова дочерних селекторов, иначе это было бы похоже на вызов div:first-child вместо div > :first-child

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

person Anwardo    schedule 24.09.2018