Sass @extend在媒体查询中

Question

现在没有错误，但Sass抛出了一个DEPRECATION警告，因为我在我的一个媒体查询中使用了@extend。 我有这样的事情：

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

警告设置，因为我有.root外媒的声明。在@media之外它是用于正常的布局，然后在同一个选择器内用于改变页面的布局。 但是这里的目标是让.extending只有在max-width为900px时才将其颜色设置为蓝色，否则我不希望设置任何设置。

所以问题是如何在我的媒体查询中使用@extend而没有sass会引发错误？

Answer 1

您可以尝试@mixin规则而不是@extend。

你真的知道生成的CSS如何看起来像吗？ @extend是选择器的聚合器，这可能最终导致CSS代码非常混乱。

我对@extend规则的建议：避免@扩展常规规则，改用％占位符规则。