样式化组件：在当前元素内的 div 内选择 div

Question

我有一个样式化的组件模态，它有几个 div 作为子元素。我需要在第二级设置 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 的样式？

Answer 1

我想通了：

> div > div {

}

有效。