[css] SASS에서 다른 파일의 클래스에서 상속 할 수 있습니까?

질문은 거의 모든 것을 말합니다.

예를 들어 Twitter Bootstrap 을 사용하는 경우 Bootstrap의 CSS 클래스에서 상속되는 자체 SASS 스타일 시트에 클래스를 정의 할 수 있습니까? 아니면 SASS의 상속은 단일 파일의 범위 내에서만 작동합니까?



답변

예! 있을 수있다.

모든 <button>요소가 Twitter Bootstrap의 기본 버튼.btn 에서 클래스 를 상속하도록하려면

당신의에서 styles.scss파일을 먼저 수입해야 할 것입니다 _bootstrap.scss:

@import "_bootstrap.scss";

그런 다음 가져 오기 아래 :

button { @extend .btn; }


답변

** 착각 할 수도 있지만하려는 작업을 얻으면 @extend .classname;확장하려는 요소 내에서 명령을 사용할 수 없습니까? 당연히 업데이트 가능성을 유지하려면 자신의 코드 만 수정해야합니다.


답변

제가 알기로, 당신은 사용할 필요가@import 해당 파일을 이용하기 위해 사용자의 SASS 파일로 사용하고자하는 클래스를 포함하는 파일의. 그러나 나는 SASS / SCSS 전문가가 아니기 때문에 누군가 내가 알지 못하는 원격 사용 방법을 알고있을 수 있습니다.


답변

수락 된 답변이 @import로 가능하다는 것을 보여 주었 듯이 @import는 sass에 의해 더 이상 사용되지 않습니다.

Sass 팀은 @import 규칙의 지속적인 사용을 권장하지 않습니다. Sass는 향후 몇 년 동안 점차적으로이를 단계적으로 제거하고 결국 언어에서 완전히 제거 할 것입니다. 대신 @use 규칙을 선호하십시오.

@use 규칙은 가져 오기 (사용자) 모듈의 범위를 오염시키지 않기 때문에 지금 사용하기에 더 적합합니다. 불행히도 사용 규칙은 Dart sass에서만 구현되었습니다.


답변