javascript - 具有React样式组件/CSS模块/CSS-in-JS的同级CSS规则

如何翻译带有styled-components的 sibling 选择器的规则？
(我认为这也涉及通过生成的类名进行样式设置的其他方式)

const Pane = styled.div`
  & > .subItem + .subItem {
    margin-top:10px;
  }
`

最佳答案

如果您在子代和/或同级上具有静态类名称，则发布的代码完全可以使用!

目前，我们不支持选择其他样式化的组件及其生成的类名，但是我们将很快推出! (可能是本周或下周)

这是我们希望添加的API:

const StyledDiv = styled.div``

// All StyledDiv's directly inside a Pane will have blue text
const Pane = styled.div`
  & > ${StyledDiv} {
    color: blue;
  }
`

跟随this issue和链接的PR，在其降落时得到通知。