•
CSS의 경우 하나의 페이지에 모든 엘리먼트, 모든 CSS룰이 사용된다, 전역 변수와 같이 보면됨. → className, id등을 이용해 css 선택자를 만들 때 조차 겹치지 않도록 여러 고민을 해야한다.
◦
이를 해결하기위해 emotion, vanilla extract와 같은 여러 css in js가 등장했다.
◦
shadow dom은 이를 본질적, 근본적으로 해결하는 방법
•
shadow dom 내부에서는 외부와 격리되므로 외부와 중복된 id, class를 사용해도 된다.