본문 바로가기

순서1

CSS 가상클래스 (2)_순서 가상클래스[1] (nth-child, nth-of-type) 이번에는 순서를 부여하는 가상클래스를 알아보았다. nth-child nth-child는 순서를 부여하는 가상클래스이다. (가장 대표적인 순서부여 가상클래스) 사용법 선택자:nth-child(순서) (띄어쓰기는 역시 X) 예시 .box { border: 5px solid #000; width: 1000px; text-align: center; } .box div { border: 5px solid #000; margin: 10px; width: 200px; height: 200px; display: inline-block; } 위와 같이 부모요소인 'box'클래스에 4개의 자식요소가 있다. 이 4개의 요소에 순서를 부여해보면 .box div:nth-child(1) { background-color: dod.. 2022. 1. 7.

이전 1 다음

티스토리툴바