๐Ÿ’Ž/HTML | CSS

[CSS] nth-child ์™€ nth-of-type ์˜ ์ฐจ์ด์ 

dar0m! 2020. 2. 9. 23:32
  1. selector:nth-child(n)
  2. selector:nth-of-type(n)
nth-child nth-of-type
๋ถ€๋ชจ ์—˜๋ฆฌ๋จผํŠธ์˜
๋ชจ๋“  ์ž์‹๋“ค ์ค‘ n ๋ฒˆ์งธ์— ์œ„์น˜ํ•˜๊ณ  ํ•ด๋‹น ์„ ํƒ์ž์ผ ๋•Œ ์ ์šฉ.
n๋ฒˆ์งธ ์œ„์น˜ํ–ˆ๋Š”๋ฐ selector์™€ ๋‹ค๋ฅด๋‹ค๋ฉด css ์ ์šฉ X
๋ถ€๋ชจ ์—˜๋ฆฌ๋จผํŠธ์˜
ํ•ด๋‹น ์„ ํƒ์ž์ธ ์ž์‹๋“ค ์ค‘์—์„œ n ๋ฒˆ์งธ ์—๊ฒŒ css ์ ์šฉ.