如何将这些样式嵌套到SASS中?

如何将这些样式嵌套到SASS中?,sass,Sass,将CSS粘贴到Stackoverflows代码块不起作用,所以我有一个图像。是否有任何方法可以使用SASS使此代码变为干燥剂?重复webkit转换和位置属性。我无法将它们在层次结构中移动到更高的位置,因为只有showRowAnimation类的元素才具有这些属性 您可以使用%定义占位符选择器 例如: %transition { -webkit-transition : 0.5s linear all; transition : 0.5s linear all; posit

将CSS粘贴到Stackoverflows代码块不起作用,所以我有一个图像。是否有任何方法可以使用SASS使此代码变为干燥剂?重复webkit转换和位置属性。我无法将它们在层次结构中移动到更高的位置,因为只有showRowAnimation类的元素才具有这些属性


您可以使用%定义占位符选择器

例如:

%transition {
    -webkit-transition : 0.5s linear all;
    transition : 0.5s linear all;
    position : relative;
}
然后可以使用
@extend%transition
将其包括在内,如下所示:

.ng-leave {
  ...
  @extend %transition;
}

那很有用,谢谢!顺便说一句,有没有办法避免重复越来越具体的选择器。e、 g.a{}a.b{}a.b.c{}a.b.c.d{}。我不能嵌套它们,因为那将是“所有c都在b里面,b都在a里面”,而不是“所有这些类的所有东西”编辑:刚刚意识到它可能也在使用extend。。。