CSS 클래스 선택기?

Question

내 CSS 파일 (4843 개 라인의 총)을 단축 할

, 나는 다음과 같이 "블록 1"라는 이름의 클래스를 하나의 사업부에이 파일을 적용 할 :

.block1{ 

     .pages{ 
     //some style 
     } 
    } 

이 마음에 들지 (많이 죽이고) :

.block1 .pages{ //some style } 

    .block1 .titles{ //some style } 

이것은 제대로 작동하지 않는 것 같습니다. 내가 할 수있는 다른 방법이 있습니까?

Answer 1

less을 살펴보십시오. 덜 정확합니다. 적은 사이트 추상적 인

LESS에서

는 변수, 유지 mixin, 운영 및 기능과 같은 동적 인 동작과 CSS를 확장합니다.

CSS가 아니지만 CSS로 컴파일됩니다. 그것은 당신의 결과 CSS를 단축하지 않을 수도 있지만 그것은 훨씬 더 많은 관리가 될 것입니다.

관리 가능한 스타일을 원해서 짧게 만들려면 작게 만드는 스타일을 세울 수 있으며 minifier라고하는 것을 사용하여 결과 CSS를 축소 할 수 있습니다. this SO question을 살펴보십시오.

Answer 2

Less 또는 Sass과 같은 CSS 전 처리기를 사용합니다.