nth-of-type1 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 ๋ค์
