[REACTJS] 대상 자식 요소 스타일 구성 요소

대상 자식 요소 스타일 구성 요소

해결법

1. ---

   1.n 번째 자녀 (2) 둘째 아이 자체 ImgGrid을 선택하는 것을 의미 : 나는 &이 있기 때문에 코드가 작동하지 않는 가정 할 수있다. n 번째 자녀 (2)로 ImgCell을 지정하십시오 :

   n 번째 자녀 (2) 둘째 아이 자체 ImgGrid을 선택하는 것을 의미 : 나는 &이 있기 때문에 코드가 작동하지 않는 가정 할 수있다. n 번째 자녀 (2)로 ImgCell을 지정하십시오 :

   const ImgGrid = styled.div`
     display: flex;
     flex-wrap: wrap;
     flex-direction: row;
     ${ImgCell}:nth-child(2) ${ColorBox} {
       background: #ff00ff;
     }
   `
   

   그래서 아마 당신이 사용 및 이전에 필요 범위 지정에 대해 확실하지 않다 :

   const ImgGrid = styled.div`
         display: flex;
         flex-wrap: wrap;
         flex-direction: row;
         & ${ImgCell}:nth-child(2) ${ColorBox} {
           background: #ff00ff;
         }
       `
   

from https://stackoverflow.com/questions/48713421/target-child-element-styled-components by cc-by-sa and MIT license