4

例えば：

app.scss

@import url('orange.css');  
@import 'navel.scss';

オレンジ.css

.orange {  
  color: orange;  
}

へそ.scss

.navel {  
    @extend .orange;  
}
4

2 に答える 2

9

SASSで追加すると

@import "test.css";

また

@import url("test.css");

純粋な css@importディレクティブにコンパイルされます。ファイルには.css拡張子があるため、SASS プリプロセッサはこれが純粋な CSS であり、内部のコードは SASS 言語操作に関与していないと見なします。あなたの例では、拡張しようとすると次の.orangeようになります。

The selector ".orange" was not found.

簡単に言うと、拡張は SASS ファイルを使用する場合にのみ可能です。

于 2013-08-26T10:37:09.830 に答える
1

CSSファイルをインポートして@extendすることはできません。必ず

  1. CSS を SCSS パーシャル (またはファイル) に変換します
  2. @import この部分
  3. @extend CSS クラス

これの欠点は、重複が残ることです。このインポートが 7000 行の CSS ファイル (ブートストラップなど) であると仮定すると、問題が発生します。

于 2013-12-07T01:58:15.147 に答える