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

์…€๋ ‰ํ„ฐ ์กฐํ•ฉ1

[HTML5] 16. ์…€๋ ‰ํ„ฐ ์กฐํ•ฉ + ์ž์‹ ์…€๋ ‰ํ„ฐ + ์ž์† ์…€๋ ‰ํ„ฐ + ์ „์ฒด ์…€๋ ‰ํ„ฐ์™€ ์†์„ฑ ์…€๋ž™ํ„ฐ + ๊ฐ€์ƒ ํด๋ž˜์Šค ์…€๋ ‰ํ„ฐ(pseudo-class) 16. ์…€๋ ‰ํ„ฐ ์กฐํ•ฉ + ์ž์‹ ์…€๋ ‰ํ„ฐ + ์ž์† ์…€๋ ‰ํ„ฐ + ์ „์ฒด ์…€๋ ‰ํ„ฐ์™€ ์†์„ฑ ์…€๋ž™ํ„ฐ + ๊ฐ€์ƒ ํด๋ž˜์Šค ์…€๋ ‰ํ„ฐ(pseudo-class) # ์…€๋ ‰ํ„ฐ ์กฐํ•ฉํ•˜๊ธฐ - 2๊ฐœ ์ด์ƒ์˜ ์…€๋ ‰ํ„ฐ ์กฐํ•ฉ : ์กฐํ•ฉ์— ์ ํ•ฉํ•œ HTML ํƒœ๊ทธ์—๋งŒ ์ ์šฉ - ์ž์‹ ์…€๋ ‰ํ„ฐ (child selector) : ๋ถ€๋ชจ ์ž์‹ ๊ด€๊ณ„์ธ ๋‘ ์…€๋ ‰ํ„ฐ๋ฅผ '>' ๊ธฐํ˜ธ๋กœ ์กฐํ•ฉ ex) ์˜ ์ง๊ณ„ ์ž์‹์ธ ์— ์ ์šฉ๋˜๋Š” ์Šคํƒ€์ผ ์‹œํŠธ div > strong { color : dodgerblue ; } - ์ž์† ์…€๋ ‰ํ„ฐ (descendent selector) : ์ž์† ๊ด€๊ณ„์ธ 2๊ฐœ ์ด์ƒ์˜ ํƒœ๊ทธ๋ฅผ ๋‚˜์—ด ex 1) ์˜ ์ž์† ์— ์ ์šฉ๋˜๋Š” ์Šคํƒ€์ผ ์‹œํŠธ ul strong { color : dodgerblue ; } ex 2) # ์ „์ฒด ์…€๋ ‰ํ„ฐ : ์™€์ผ๋“œ ๋ฌธ์ž(*)๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ชจ๋“  ํƒœ๊ทธ์— .. 2022. 7. 19.