๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

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.
๋ฐ˜์‘ํ˜•