first-child1 CSS ๊ฐ์ํด๋์ค (3)_์์ ๊ฐ์ํด๋์ค[2] (first-child, last-child) ์ ๋ฒ์๊ฐ์ ์ด์ด์ ์์๋ถ์ฌ ๊ฐ์ํด๋์ค! ์์๋ถ์ฌ ๊ฐ์ํด๋์ค๋html์ ๋ฐ๋ก ํด๋์ค๋ฅผ ๋ถ์ฌํ์ง ์์๋ ์ํ๋ ์์ ์ ๊ทผํ ์ ์๋๋ก ํ๊ธฐ ์ํด์ ์ฌ์ฉํ๋ค. first-child ํด๋น ์ ํ์์ ๊ฐ์ฅ ์ฒซ ๋ฒ์งธ ์์ last-child ํด๋น ์ ํ์์ ๊ฐ์ฅ ๋ง์ง๋ง ์์ ๋น์ฐํ์ง๋ง nth-child์ ๋ฌ๋ฆฌ ์์๋ฅผ ๋ปํ๋ ์ซ์๋ ํ์ํ์ง ์๋ค. ์์ ๊ณต์ง์ฌํญ ๊ฐค๋ฌ๋ฆฌ 2022 ์ ๋ ์ธ์ฌ ์๊ฐ์ ์ฒญ ๋ฐฉ๋ฒ ์๋ด ์ฅํ๊ธ ์ ์ฒญ๊ธฐ๊ฐ ์๋ด ๋ณตํ ์ ์ฒญ ์๋ด ๋๊ณ ๋ฐฉํ ๊ธฐ๊ฐ์ค ๋์๊ด ์ด์ ์๋ด ์ ์ฒด CSS์ฝ๋ .tab-inner { width: 400px; } .btn span { background-color: #ccc; display: inline-block; width: 120px; padding: 5px; font-weight:.. 2022. 1. 7. ์ด์ 1 ๋ค์ ๋ฐ์ํ