为自己和孩子做出反应样式的组件选择器？

Posted 2023-03-15

【中文标题】为自己和孩子做出反应样式的组件选择器？

【英文标题】：React Styled Components selector for self AND children?

【发布时间】：2022-01-11 19:04:01

【问题描述】：

我想将 CSS 样式应用于我的 styled-component 元素及其所有子元素，有没有办法使用单个选择器块来做到这一点？下面是我现在所拥有的，我想在不复制文本的情况下完成同样的事情transition: 0.5s ease

const ImagePreviewWrapper = styled.div`
  transition: 0.5s ease;
  & * 
    transition: 0.5s ease;
  
`

【参考方案1】：

刚刚想通了，这对我有用：

const ImagePreviewWrapper = styled.div`
  &,
  * 
    transition: 0.5s ease;