728x90 css nth-child1 [CSS] 짝수/홀수 번째 태그에만 style 효과 주기 CSS 짝수 홀수 번째 엘리먼트 Select 하기 CSS를 작성하다 보면 여러 태그에 같은 style을 설정할 일이 많은데 Class를 통해 따로 지정하여 style 효과를 설정해도 되지만 홀수번째, 짝수 번째와 같이 교차 효과를 설정할 필요가 있을때는 Selector를 통하여 간단한 코드를 통해 설정이 가능하다. 엘리먼트명:nth-child(even) 짝수번째 엘리먼트 Select 엘리먼트명:nth-child(odd) 홀수번째 엘리먼트 Select 샘플 예제 body { margin : 25px; } .container { display : flex; flex-direction : column; } .item { width: 50px; height: 50px; margin-bottom : 5px; } .. 2021. 3. 20. 이전 1 다음 728x90
