๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๐Ÿ’Ž/HTML | CSS

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

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

 

'๐Ÿ’Ž > HTML | CSS' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[DEVELUP] ๋นŒ๋ณด๋“œ์ฐจํŠธ ๋งŒ๋“ค๊ธฐ  (0) 2019.10.17

๋Œ“๊ธ€