casecade layers: 스타일링 순서 지정!
- 구체적인 셀렉터 > 선언된 순서 순서대로 스타일 우선 적용함
- 관련 어려움을 해결하고자 나온 기술
- reset을 제일 아래 → default 기본 css → framework 레이어 → component → utility → override
- 이렇게 레이어 순서를 정해야 우선순위 높은 레이어가 이김
최신 브라우저에서만 적용할 수 있음ㅠㅠ
@container 쿼리 : 아주유용!!
미디어 쿼리와 비슷함 . 단 미디어 쿼리와 달리 윈도우 사이즈 변경 안되어도 개별적인 부모요소만 변경되어도 그에 맞게 재배치할 수 있다고한다
accent-color
최신 브라우저에서 다 지원
브라우저 무관하게 기본적인 요소를 모두 공통적으로 관리할 수 있다. 배경색과 대조되는 색상도 알아서골라줌
nest 기능
부모 자식간 관계를 css에서 표현가능. 아직 모든 브라우저에서 지원될지는…
scope
다른 스타일과 충돌 안나게끔 할 수 있음.
nest와 scope 부분 다 지원되면 scss 안써도 될듯~