将@extend指令与类和占位符选择器一起使用？

Question

我主要关注的是更专注于最佳做法，并知道何时应该使用类的@extend指令以及何时使用占位符选择器？因为它们几乎都是一样的。

我已经阅读了一些文章，其中作者将创建某个类，仅将其用于@extend指令。占位符选择器不会使编译过程更具性能吗？

我想如果该类被另一个元素使用，那么@extend指令应该与类一起使用，否则这些指令应该与占位符选择器一起使用;但我可能错了。

Answer 1

如果定义占位符选择器，它将不会被编译为css - 只有在扩展它时才会发生。使用类选择器，无论是否扩展它，它都将被编译。因此，代码越少=性能越高：）

来自SASS Documentation

  

有时你会为你只想要@extend的类编写样式，而且永远不想直接在你的HTML中使用。在编写Sass库时尤其如此，如果需要，可以为用户提供@extend样式，如果不需要则忽略。

     

如果为此使用普通类，则在生成样式表时最终会创建大量额外的CSS，并且存在与HTML中使用的其他类冲突的风险。这就是为什么Sass支持“占位符选择器”（例如，％foo）。