如何使用SASS嵌套这些样式？

Question

将CSS粘贴到Stackoverflows代码块不起作用所以我有一个图像。无论如何使用SASS使这个代码DRYer？重复webkit转换和位置属性。我无法在层次结构中将它们移动得更高，因为只有showRowAnimation类的元素才具有这些属性。

Answer 1

您可以使用％。

定义占位符选择器

例如：

%transition {
    -webkit-transition : 0.5s linear all;
    transition : 0.5s linear all;
    position : relative;
}

然后可以使用@extend %transition来包含它，如下所示：

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