캡슐화 괄호가있는 CSS에서 "범위 지정"을 허용하는 소프트웨어

Question

이전에는이 ​​작업을 수행하는 일부 소프트웨어를 사용했지만 이름을 기억할 수 없습니다. 나는 CSSTidy가 해냈다 고 생각했지만, 어떻게 그랬는지 기억하지 못하고있다.

#foobar{ 

    .red { 

     color: #FF0000; 

    } 

    .blue { 

     color: #00FF00; 

    } 

} 

그리고이 같은 CSS 파일을 반환 :

#foobar .red { 

    color: #FF0000; 

} 

#foobar .blue { 

    color: #00FF00; 

} 

나는 동적으로 일부 CSS를 캡슐화 수있는 방법을

는 기본적으로이 일을하는 방법은 같은 CSS 파일을 전달할 수있다 자신의 CSS가 어느 정도 "벗어나지"못하도록 보장합니다. ShadowDOM은이 요소로 캐스케이드하기 때문에이 작업을 수행하지 않습니다. 악의적 인 코드를 막기위한 것이 아니라 개발을 단순화하는 것입니다.

나는 서버 측 소프트웨어이고 자바 스크립트 라이브러리가 아니라고 확신한다.

Answer 1

Sass, Less 및 기타 CSS 전처리 기가 당신이 찾고있는 것입니다!

다음은 널리 사용되는 옵션 중 일부를 비교 한 good article입니다.