TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
21
Frontend
모바일 CSS가 안 먹던 이유 — @media 위치와 캐스케이드 소스 순서, 인라인 스타일 함정
미디어쿼리는 명시도를 올려 주지 않아서, 같은 선택자라면 뒤에 나온 기본 규칙이 모바일 규칙을 덮는다. 목록 페이지 모바일 리디자인에서 겪은 소스 순서·인라인 스타일 문제와 해결법을 정리했다.
Frontend
CSS @scope · @layer · nesting — 2026년 새 캐스케이드 전략
CSS 캐스케이드를 재설계하는 3가지 신기능(@scope·@layer·native nesting). 우선순위, BEM/Tailwind와의 공존, 실전 패턴.