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λ² μ κΉμ§