Sass具有相同属性的多种样式

是否有更快的方式在Sass中编写相同样式的结果？Sass具有相同属性的多种样式

如无萨斯：

bottom: auto; 
left: auto; 
right: auto; 
top: auto;

随着青菜

bottom, 
left, 
right, 
top { 
    auto; 
}

没有实现，在上海社会科学院老的讨论。我认为这个功能还没有，但是你可以使用这个mixin：https://gist.github.com/alcidesqueiroz/323fbf9ebbd9ff1834f7来设置相同的值到一个CSS属性列表。 – blonfu

我不擅长在萨斯，但是我认为你可以做到这一点使用混入

@mixin name_of_mixin { 
    bottom: auto; 
    left: auto; 
    right: auto; 
    top: auto; 
}

，然后

.box { @include name_of_mixin; }

2016-07-19 11:32:36 mamosek

我不是它是否会符合您的实际需要确定的，但是这可能是一个混合的情况。

随着SCSS语法，这将是：

@mixin position($position) { 
    bottom: $position; 
    top: $position; 
    left: $position; 
    right: $position; }

然后，您可以使用混入有

div { @include position(auto); }

即相当于每个设置这些定位属性的一个div为“自动”

SASS语法，为了完成的缘故

=position($position) { 
    bottom: $position; 
    top: $position; 
    left: $position; 
    right: $position; }

和使用

div 
    +position(auto)

2016-07-19 11:32:49

这个mixin与我最喜欢的Sass mixin库[Bourbon]（http://bourbon.io/docs/#position）中包含的mixin基本相同。他们的位置（）'mixin就是这样做的。它也有很多其他的为你做类似的事情 - 没有添加你没有要求的一行CSS。 – alexbea

回答