CSS 번호를 최소화하는 방법

Question

자바 스크립트 압축기와 마찬가지로 저는 CSS와 동일한 기술을 사용합니다. 먼저 모든 파일을 단일 파일로 병합 한 다음 압축합니다. 그러나 HTML의 동작은 이전의 여러 CSS 파일과 동일하지 않습니다. CSS 파일의 수를 최소화하는 가장 좋은 방법은 무엇입니까?

Answer 1

다른 사람들이 언급 한 것처럼 병합 스크립트로 파일을로드하는 순서를 확인하십시오. Sprockets이 종속성 관리에 좋은 도구라고 알았습니다. 파일의 변경 사항을 추적하고 압축 할 준비가 된 단일 파일을 출력합니다. CSS 파일에서도 작동합니다.

Answer 2

올바른 순서로 단일 파일로 병합 하시겠습니까? CSS는 이전 규칙을 무시할 수 있으므로 결합 된 파일의 어느 부분이 다른 부분보다 먼저 나오는지주의해야합니다.

Answer 3

일반적으로 HTML 동작은 변경하면 안됩니다. 이것이 실제로 일어난다면 서로 겹쳐 쓰는 규칙이 충돌하고 CSS 파일이 이전에로드 된 순서대로 병합되지 않는다고 생각합니다.

Answer 4

CSS 파일이 동일한 폴더에있는 한 페이지에로드 된 것과 같은 순서로 연결되며 결과 파일은 원본 파일과 동일한 폴더에 저장됩니다. 문제.

마지막으로 지정된 스타일이 우선 적용되므로 스타일이 충돌하는 경우 순서가 중요합니다.

파일의 위치는 웹 페이지를 기준으로하지 않고 CSS 파일을 기준으로 지정하는 상대 이미지 URL에 따라 달라집니다.

Answer 5

HTML이 올바른지 확인하십시오. 브라우저가 단점 모드 인 경우 압축기가 불필요하다고 생각하는 CSS를 사용하고있을 수 있습니다.

Answer 6

실수로 인쇄 스타일 시트를 주 스타일 시트에 병합 할 수 있습니까?

@media print { 
    /* content here */ 
}