У меня есть стилизованный модальный компонент, в котором есть несколько дочерних элементов. Мне нужно стилизовать div на втором уровне.

<StyledComponentModal>
 <div>
  <div> // <-- This one needs styling
    // ...
  </div>
 </div>
</StyledComponentModal

Как я могу выбрать этот div?

Я пробовал использовать div div:

const Modal = styled(MyModal)`
  background: transparent;
  height: auto;
  margin: ${rem(0)} auto;
  margin-top: 25vh;
  width: 90vw;

  div div {
    /* doesn't work :( */
  }
`;

Я также пробовал другие вещи, такие как &div div и т. Д., Но не могу заставить их работать.

Как выбрать и оформить этот div?

0
J. Hesters 16 Окт 2020 в 13:22

1 ответ

Лучший ответ

Я понял:

> div > div {

}

Работает.

0
J. Hesters 16 Окт 2020 в 19:05