반응형 💕IT 공부하기/CSS313 [CSS3] nth-child():원하는 순서 값에 해당하는 태그를 선택하는 CSS선택자 기존에는 같은 형식의 HTML 태그가 쭉 나열된 경우 특정 태그만 선택하여 CSS로 꾸며주기 위해서는 해당 태그에 일일이 아이디나 클래스명을 부여해야 했습니다. 예를 들어 100개의 태그가 있고 해당 태그에 총 100개의 클래스명을 일일이 부여해야 하는 번거로움이 있었습니다. 하지만 CSS3에서 제공하는 nth-child 선택자를 이용하면 반복되는 일련의 태그 중 원하는 순서의 태그만 선택할 수 있어 불필요한 클래스를 추가할 필요가 없어졌으며 보다 깔끔한 HTML 문서를 관리할 수 있게 되었습니다. nth-child()의 사용법은 다음과 같습니다. (1) 태그명 : nth-child(순서 값) { css } 다음의 예제를 통해 nth-child의 사용법을 알아보겠습니다. 리스트1 리스트2 리스트3 리스트4 2023. 4. 11. 이전 1 2 3 다음 반응형
