반응형 nth-child1 nth-child() : class 일일이 작성하지 않고도 스타일 지정할 항목 골라서 변경하기 그냥 코드 하나 남긴다. 첫번째 글 두번째 글 세번째 글 네번째 글 다섯번째 글 여섯번째 글 일곱번째 글 여덟번째 글 아홉번째 글 열번째 글 열한번째 글 열두번째 글 .list li:nth-child(5) { background-color: #ffff00; } .list li:nth-child(3n) { background-color: antiquewhite; } .list li:nth-child(5n-1) { background-color: skyblue; } .list li:nth-child(odd) { color: blueviolet; } .list li:nth-child(even) { color: lawngreen; } nth-child(5) : 5번째 요소에 적용 nth-child(3n) : 3.. 2022. 8. 1. 이전 1 다음 반응형