4

現在、エラーは発生していませんが、メディア クエリの 1 つで @extend を使用しているため、Sass から DEPRECATION WARNING がスローされます。私はこのようなものを持っています:

.root{
    color: red;
}
@media (max-width: 900px) {
    .root{
        color: blue;
    }
    .extending{
        @extend .root;
    }
}

.root報道陣外の宣言が出ているので、警告が設定されています。@media の外側は通常のレイアウト用で、同じセレクターの内側はページのレイアウトを変更するためのものです。しかし、ここでの目標は、 が の場合に.extendingのみ色を青に設定する必要があることです。それ以外の場合max-widthは900px、何も設定したくありません。

問題は、sass がエラーをスローすることなく、メディアクエリ内で @extend を使用する方法です。

4

1 に答える 1

5

@extend の代わりに @mixin ルールを試すことができます。

生成された CSS がどのように見えるか、本当にわかりますか? @extend はセレクターのアグリゲーターです。これは非常に紛らわしい CSS コードになる可能性があります。

@extend ルールに関する私の提案: @extending 通常のルールを避け、代わりに %placeholder ルールを使用してください。

于 2013-04-05T14:02:41.603 に答える