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

有没有一种更快的方法可以在Sass中写出同样的风格

例如，没有Sass：

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

胡说八道

bottom,
left,
right,
top {
    auto;
}

---

我还不擅长Sass，但我认为你可以使用mixin来实现这一点

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

然后

.box { @include name_of_mixin; }

请看下面的示例：

---

我还不擅长Sass，但我认为可以使用mixin来实现这一点

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

然后

.box { @include name_of_mixin; }

请看下面的示例：

---

我不确定它是否能满足您的确切需求，但这可能是一个混合的情况

使用SCSS语法，这将是：

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

然后，您可以将mixin与

div { @include position(auto); }

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

SASS语法，为了完成

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

用法

div
  +position(auto)

---

我不确定它是否能满足你的确切需求，但这可能是一个混合的情况

使用SCSS语法，这将是：

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

然后，您可以将mixin与

div { @include position(auto); }

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

SASS语法，为了完成

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

用法

div
  +position(auto)

---

在SASS中实现这一点有一个古老的讨论。我认为这个特性还没有实现，但是你可以使用这个mixin：为CSS属性列表设置相同的值。我认为这个功能还没有实现，但是你可以使用这个mixin：为CSS属性列表设置相同的值。这个mixin本质上与我最喜欢的Sass mixin库中包含的相同。他们的

position（）

mixin就是这样做的。它还有很多其他功能可以为您做类似的事情——不需要添加一行您没有要求的CSS。他们的

position（）

mixin就是这样做的。它还有很多其他的功能可以为你做类似的事情——没有添加一行你没有要求的CSS。