์ ์ฒด ์ ๋ ํฐ & ์์ฑ ์ ๋ ํฐ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. ์ด์ 1 ๋ค์