クラスとプレースホルダセレクタとディレクティブを使用して@extend？

Question

私の主な関心事はベストプラクティスに焦点を絞っており、クラスといつディレクティブを使用するべきかを知りたい場合、の場合はプレースホルダーセレクター？彼らはどちらも事実上同じですから。

私は著者が@extendディレクティブでのみそれらを使用する特定のクラスを作成することになり、いくつかの記事を読みました。プレースホルダーセレクターは、コンパイルプロセスをより効果的にするでしょうか？

@extendディレクティブは、そのクラスが別の要素で使用されている場合は、クラスと一緒に使用する必要があります。そうでない場合は、これらのディレクティブをプレースホルダセレクタとともに使用する必要があります。しかし私は間違っているかもしれません。

Answer 1

プレースホルダセレクタを定義した場合、それがCSSにコンパイルされることはありません - あなたはそれを拡張した場合にのみ発生します。クラスセレクタでは、それを拡張するかどうかにかかわらず、常にコンパイルされます。したがって、少ないコード=よりパフォーマンス:)

SASS Documentationからは時々あなたがしか@extendしたいクラスのスタイルを書き、あなたのHTML内で直接使用することは決してないだろう。あなたは、彼らが必要な場合は@extendとそうでない場合は無視するユーザーのためのスタイルを提供することができるサスライブラリを、書くときには特にそうです。

あなたはこのために、通常のクラスを使用する場合は、スタイルシートが生成される際に余分なCSSの多くを作成し終わると、HTMLに使用されている他のクラスとの衝突の危険性があります。そのため、Sassは「プレースホルダーセレクター」（たとえば、％foo）をサポートしています。