.css 파일을 .less 파일로 어떻게 가져올 수 있나요?

.css 파일을 .less 파일로 가져오기

다른 .less 파일을 .less 프로젝트로 가져오는 것이 일반적인 관행이지만, .css 파일을 가져올 수 있습니다. 그러나 이 프로세스에는 추가 단계가 필요합니다.

.less 파일에 .css 파일을 포함하려면 @import 지시문을 사용하여 가져오는 파일 유형을 지정해야 합니다. 예를 들어, style.css를 가져오려면 다음과 같이 작성합니다.

<code class="less">@import (css) "../style.css";</code>

파일 경로 앞에 (css)를 지정하면 가져오기 프로그램이 style.css를 CSS 파일로 처리하도록 강제합니다. 이렇게 하면 style.css에 정의된 모든 클래스나 스타일을 .less 파일 내에서 사용할 수 있습니다.

예를 들어 style.css에 .type이라는 클래스가 포함되어 있다고 가정해 보겠습니다. (css) 지시문을 지정하지 않고 .less 파일에서 이 클래스를 사용하려고 하면 .type이 .less 컨텍스트 내에서 정의되지 않았기 때문에 오류가 발생합니다. 그러나 다음 코드를 사용하면

<code class="less">@import (css) "../style.css";

.small {
    font-size:60%;
    .type;
}</code>

style.css에 정의된 스타일을 참조하고 .type과 같은 클래스에 원활하게 액세스할 수 있습니다.

위 내용은 .css 파일을 .less 파일로 어떻게 가져올 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!