CSS๐ง/css
์ ํ์ nth-child ํ์ฉ
hyojinny
2023. 11. 3. 21:51
๊ธฐ๋ณธ
์ ํ์:nth-child(n) // n๋ฒ
์ ํ์:nth-last-child(n) //๋ค์์ n๋ฒ์งธ
์ ํ์:nth-child(2n) // 2์๋ฐฐ์๋ฒ์งธ 2,4,6,8.......๋ฒ์งธ๋ค ๋ชจ๋
์ ํ์:nth-child(odd) //ํ์๋ฒ์งธ ๋ชจ๋ ์ ํ
์ ํ์:nth-child(even) //์ง์๋ฒ์งธ ๋ชจ๋ ์ ํ
๋ฒ์
์ ํ์:nth-child(-n+6) //1๋ฒ๋ถํฐ 6๋ฒ๊น์ง
์ ํ์:nth-last-child(-n+6) //๋ค์์ 1๋ฒ๋ถํฐ 6๋ฒ๊น์ง
์ ํ์:nth-child(n+6) //6๋ฒ๋ถํฐ ์ ๋ถ
์ ํ์:nth-last-child(-n+6) //๋ค์์ 6๋ฒ์จฐ ์ ๊น์ง ์ ๋ถ (10๊ฐ๋ผ๋ฉด 5๊ฐ)
์ ํ์:nth-child(n+2):nth-child(-n+4) //2๋ฒ ๋ถํฐ 4๋ฒ ์ ๊น์ง