styled-components: nesting

poburi FE·2020년 7월 15일
0

React

목록 보기
6/10
const Container = styled.div`
	height: 100vh;
    width: 100%;
    ...
    ${Card} {
    	background-color: blue
    }
`

const Card = styled.div`
	background-color: red;
`

nesting으로 인해 Card의배경색상은blue가표시됩니다.{Card}의 배경색상은 blue가 표시됩니다. `{Card}:last-child, Card:nthchild(1),{Card}:nth-child(1)`, `{Card}:not` 등 CSS처럼 사용가능합니다.

profile
FE 개발자 poburi

0개의 댓글