Sass でメディア クエリからセレクターを拡張するにはどうすればよいですか?

Sass を使用したメディア クエリからのセレクターの拡張

Sass ではこれが制限されているため、メディア クエリ内からセレクターを拡張しようとするとエラーが発生することがよくあります機能性。この問題に対処し、手動のコピーと貼り付けに頼らずにコードの効率を維持するにはどうすればよいでしょうか?

残念ながら、Sass の制限により、メディア クエリ内の外部セレクターを直接拡張することは実現できません。拡張コマンドは、同じディレクティブ内でのみ使用できます。

ミックスインの使用

コードを再利用し、メディア クエリ全体でセレクターを拡張するには、ミックスイン アプローチの使用を検討してください。必要なスタイルを含むミックスインを作成し、それを内部クラスと外部クラスの両方に含めます。

メディア クエリの外部からセレクターを拡張する

別のオプション (ただし、そうではありません)特定の使用例に直接関連するのは、メディア クエリ内のセレクターを外部から拡張することです。メディア クエリ内で必要なスタイルを含むプレースホルダー セレクターを定義し、それをメディア クエリの外に拡張します。

保留中の変更

Sass コミュニティでは、この制限を解決する方法について積極的に議論しています。 、潜在的な構文と実装戦略を検討します。このトピックに関する最新情報については、GitHub 上のディスカッションなどを追跡してください。

以上がSass でメディア クエリからセレクターを拡張するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。