728x90 반응형 SMALL css 순서 가상클래스1 [CSS] 순서를 만드는 가상클래스(nth-child, nth-of-type, first-child, last-child * nth-child클래스 이름을 사용하지 않고, nth-child를 사용하여 각 div의 순서를 지정하여 css를 적용하였다. 각 div에 설정한 color가 정상적으로 적용되는 것 확인. html에 h2 태그를 추가해 보았다. 태그 요소와 상관없이 가장 첫 번째 태그인 h2를 1번째로 인식하기 때문에 첫 번째 사각형에 red가 적용된 것을 확인할 수 있다.이 문제는 nth-of-type으로 해결할 수 있다. * nth-of-typenth-of-type은 div 태그임을 확인 및 반영하기 때문에 h2가 아닌 div에 색상이 적용되었다. * first-child, last-childfirst-child는 첫 번째 태그에만 적용, last-child는 마지막 태그에만 적용하고 싶을 때 사용한다. 첫 .. 2024. 7. 28. 이전 1 다음 728x90 반응형 LIST
