이 기능들은 cascade와 specificity에 대한 명시적 제어를 제공합니다 — 큰 코드베이스의 specificity 전쟁 문제를 정면으로 공략합니다.
@layer — 명시적 cascade 순서 지정
@layer는 당신이 순서를 제어하는 이름 붙은 레이어를 정의하게 합니다. 나중 레이어의 스타일이 specificity와 무관하게 이전 레이어를 이깁니다.
reset, base, components, utilities;
base {
{ : blue; }
}
components {
{ : green; }
}
