자꾸만 헷갈리는 nth-child

dolphinSarah·2020년 7월 10일
0
post-thumbnail
  • nth-child를 사용할 때, 주의할 점은 같은 level에 있는 것 중 몇 번째인지
    확인해야 한다는 것이다.
.curriculum .row:first-child{
    margin-bottom: 48px;
} 

위의 코드는, curriculum 클래스의 row 클래스와 같은 레벨에 있는 형제 row 중 첫번째 자식에
margin-bottom을 적용해달라는 것이다.

profile
Exploring Front-end_.

0개의 댓글