React Styled Components selector for self AND children?

user_3620725 0
Viewed 392

I would like to apply a CSS style to my styled-component element as well as all its children, is there a way to do this with a single selector block? Below is what I have now, I want to accomplish the same thing without duplicating the text transition: 0.5s ease

const ImagePreviewWrapper = styled.div`
  transition: 0.5s ease;
  & * {
    transition: 0.5s ease;
  }
`
styled-components reactjs css
1 Answers

Just figured it out, this worked for me:

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