[css] 하나의 CSS 파일을 다른 CSS 파일에 포함시킬 수 있습니까?

하나의 CSS 파일을 다른 CSS 파일에 포함시킬 수 있습니까?

예:

@import url("base.css");

노트 :

@import규칙은 앞에 와야합니다 (제외한 다른 모든 규칙 @charset).
추가 @import명령문에는 추가 서버 요청이 필요합니다. 대안으로 여러 HTTP 요청을 피하기 위해 모든 CSS를 하나의 파일로 연결하십시오. 예를 들어 base.css및 의 내용을 참조 special.css하여 복사하십시오 .base-special.cssbase-special.css

예. CSS 파일을 다른 CSS 파일로 가져올 수 있습니다.

@import 규칙을 사용하여 스타일 시트에서 첫 번째 규칙이어야합니다 .

@import "mystyle.css";
@import url("mystyle.css");

유일한 경고는 오래된 웹 브라우저가 지원하지 않는다는 것입니다. 사실 이것은 오래된 브라우저에서 CSS 스타일을 숨기는 CSS ‘해킹’중 하나입니다.

브라우저 지원에 대해서는 이 목록 을 참조하십시오 .

이 @import url("base.css");모든 것을 염두에 미세하지만 곰을 작동 @import문은 서버에 새로운 요청입니다. 이것은 문제가되지 않지만 최적의 성능이 필요할 때는를 피해야합니다 @import.

CSS @import규칙은 바로 그렇게합니다. 예 :

@import url('/css/common.css');
@import url('/css/colors.css');

예.

@import "your.css";

규칙은 여기 에 문서화되어 있습니다 .

어떤 경우에는 @import “file.css”를 사용하는 것이 가능하며 대부분의 최신 브라우저는이 기능을 지원해야합니다. NN4와 같은 이전 브라우저는 약간 간결합니다.

참고 : import 문은 파일의 다른 모든 선언보다 우선하고 프로덕션 환경에서 사용하기 전에 모든 대상 브라우저에서 테스트해야합니다.

예, @import를 사용하십시오.