CSS — 나중에 쓴 규칙이 이긴다

CSS 가 예측 불가능해 보이는 것은 규칙이 없어서가 아니라 규칙이 세 단계라서입니다. 중요도 → 특정성 → 순서. 이 순서를 계산기로 직접 확인하고, 실제 서비스에서 났던 두 버그 — 모바일 덮개가 안 열리던 것과 페이지가 33,000px 로 늘어나던 것 — 를 그대로 재현해 고칩니다.

중급 · 레슨 13 · 실습 3

실습 시작하기

커리큘럼

참고 문서

• MDN — 캐스케이드와 상속
• MDN — 특정성
• MDN — CSS 그리드 레이아웃
• MDN — 커스텀 프로퍼티
• A Complete Guide to Flexbox
• CSS 명세 — 캐스케이딩과 상속 5