CSS) nth-child, nth-of-type 다양한 활용방법
CSS에서 nth-child를 사용하면 쉽게 n번째 요소를 선택 가능하다. li:nth-child(2) { color: lime; } /* 4,8,12,16 ... */ div:nth-child(4n) { color: lime; } 선착순 1등, 2등, 3등에 아이콘을 넣고자 할때 꼭 아래 코드처럼 li가 아니어도된다. div등의 요소도 당연히 선택할 수 있다. li:nth-child(1):before { background:url('이미지 주소1 - hi098123'); } li:nth-child(2):before { background:url('이미지 주소2 - hi098123'); } li:nth-child(3):before { background:url('이미지 주소3 - hi098123'); }..
