CSS Diner
A fun game to help you learn and practice CSS selectors.
flukeout.github.io
μ΄κ³³μμ μ νμ κ²μμ μ§ν ν μ μλ€.
A B : Aμμ μλ λͺ¨λ Bλ₯Ό μ ννλ€. Bλ λ€λ₯Έ μμμ λ΄λΆμ μκΈ° λλ¬Έμ μμμ΄λΌκ³ λΆλ₯Έλ€.
-> #A B :μ κ°μ΄ μ νμλΌλ¦¬ μμ μ νμλ‘ λ¬Άμ μ μλ€.
A.B : λͺ¨λ Aμ€μμ ν΄λμ€κ°μ΄ BμΈ νκ·Έ μ ν
* : μ 체 μ ν
A* : Aμμ μλ λͺ¨λ μμ μ ν
A+B : Aμ μΈμ ν Bμ ν(νλλ§)
A~B : Aμ μΈμ ν Bμ ν(μ¬λ¬κ° μ ν κ°λ₯)
A>B : Aνμμ λͺ¨λ Bμ ν
A:first-child : μ΄ μΉνμ΄μ§μμ 첫λ²μ§Έλ‘ λ±μ₯νλ Aμ ν
A:last-child : μ΄ μΉνμ΄μ§μμ λ§μ§λ§μΌλ‘ λ±μ₯νλ Aμ ν
*:only-child : λͺ¨λ μ리먼νΈμ€μ λ¨λ μμμΈ μλ¦¬λ¨ΌνΈ μ ν(sibling μμ΄μΌν¨)
'WEB > HTML+CSS+JS' μΉ΄ν κ³ λ¦¬μ λ€λ₯Έ κΈ
| JavaScript λ΄μ©μ 리 - 2 (0) | 2021.01.02 |
|---|---|
| JavaScript λ΄μ©μ 리 - 1 (0) | 2021.01.01 |
| CSS λ΄μ©μ 리 - 4 (0) | 2020.12.31 |
| CSS λ΄μ©μ 리 - 3 (0) | 2020.12.30 |
| CSS λ΄μ©μ 리 - 2 (0) | 2020.12.29 |
λκΈ