Part 1: CSS 선택자와 특정도 완전 이해하기
CSS 선택자와 특정도를 제대로 이해해야 나중에 네스팅과 스타일 충돌 문제를 해결할 수 있습니다. 점수 계산법과 상속, 캐스케이드까지 기초부터 정리했습니다.
카테고리
CSS 10
Part 2: 커스텀 프로퍼티(Custom Properties) — 진짜 변수의 힘
Sass 변수와 완전히 다른 CSS 커스텀 프로퍼티의 개념과 활용법을 배웁니다. 런타임 변경, 상속, JavaScript 제어, 다크모드 구현까지 실전 예제를 중심으로 설명합니다.
Part 3:CSS 네스팅(Nesting)과 & 선택자
2026년 현재 모든 브라우저에서 지원되는 CSS 네스팅 문법과 & 선택자를 자세히 알아봅니다. Sass 네스팅과의 차이점과 실전 활용법까지 포함합니다.
AD
Part 4: 최신 강력 선택자 (:is, :where, :has, :not)
Part 5: 컨테이너 쿼리(@container)
Part 6: CSS 아키텍처 — @layer와 @scope
AD