[CSS] nth-child() , nth-of-type ꡬ쑰 κ°μ ν΄λμ€ μ νμ βοΈ
Β·
CSS
π¨π» λ¬Έμ ꡬ쑰λ₯Ό μ¬μ©νλ κ°μ ν΄λμ€μ¬λ¬ νλͺ©μ΄ λμ΄λ μΉ λ¬Έμμμ μΌλΆλ§ μ νν΄ μ€νμΌμ μ μ©νλ μ νμμ΄λ€.:nth-child ν΄λμ€λ μμ μμκ° μ¬λ¬ κ°μ΄κ³ κ·Έ μ€μμ νΉμ ν μμΉμ μμλ₯Ό μ νν λ μ¬μ©νλ€.볡μ‘ν ν¨ν΄μ μ²λ¦¬νκΈ°μλ μ’μμ μμ£Ό μ¬μ©λλ€. () κ΄νΈ μμλ μμΉ«κ°μ μ«μλ‘ μ§μ νμ¬ μ¬μ©λλ€. nth-child(2n) μ μ§μλ²μ§Έ μμ μμλ₯Ό μ ννκ² λ€λ λ»μ΄λ©°, 2n λμ even ν€μλλ₯Ό μ¬μ©ν μλ μλ€. ex)nth-child(even) nth-child(2n+1) μ νμλ²μ§Έ μμ μμλ₯Ό μ ννκ² λ€λ λ»μ΄λ©°, 2n+1 λμ odd ν€μλλ₯Ό μ¬μ©ν μλ μλ€. ex)nth-child(odd) μλ μ²λΌ κ΅¬κ° μμλ₯Ό μ νν μ μλ€. :nth-of-type ν΄..