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

.css 파일을 .less 파일로 가져올 수 있습니까?

나는 거의 익숙하지 않으며 모든 개발에 사용합니다. 정기적으로 다음과 같은 구조를 사용합니다.

@import "normalize";

//styles here

@import "mixins";
@import "media-queries";
@import "print";

모든 가져 오기는 다른 .less 파일이며 모두 정상적으로 작동합니다.

내 현재 문제는 다음과 같습니다 .css 파일에 사용 된 스타일을 다음과 같이 .css 파일을 .less로 가져오고 싶습니다.

@import "../style.css";

.small {
    font-size:60%;
    .type;
}
// other styles here

.css 파일에는 클래스가 포함되어 .type있지만 .less 파일을 컴파일하려고하면 오류가 발생합니다.NameError: .type is undefined

.less 파일은 .css 파일을 가져 오지 않고 다른 .less 파일 만 가져 옵니까? 아니면 내가 잘못 참조하고 있습니까 …?!

답변

@import (css) "lib";

@import "lib";

@import (less) "lib.css";

@import (inline) '../timepicker/jquery.ui.timepicker.css';

@import (less) "foo.css"

@import "lib.css";

 @import (less,reference) "reference.css";
 .my-class{
     background-color:black;
     .reference-class;
     color:blue;
 }

.reference-class{
    border: 1px solid red;
}

.my-class {
  background-color: black;
  border: 1px solid red;
  color: blue;
}