使用多个分配对每个指令进行SASS

在SASS中，我们可以使用多个分配（nesting）对每个指令进行更简洁的编写和更好的可读性。以下是一些使用多个分配的技巧：

嵌套选择器

使用嵌套选择器可以使您的代码更加有组织和易于阅读。下面是一个典型的嵌套选择器示例：

div {
  background-color: #F00;
  width: 100%;
  
  p {
    font-size: 1.2rem;
    color: #111;
  }
}

上面的示例中，我们使用了嵌套选择器来将基础的div样式和内部的p样式组合在一起。这使得代码更加易于理解以及查看。

多个属性定义

您可以同时定义多个属性值，这些属性值都属于同一个选择器。以下是一个使用多个属性定义的示例：

div {
  border: {
    style: solid;
    color: #999;
    width: 1px;
  }
}

上面的示例中，我们使用了多个属性定义来为一个div元素添加一个1像素，实心，颜色为#999的边框。

使用&连接嵌套选择器

使用&连接嵌套选择器可以使代码更加简洁和易于理解。以下是一个使用&连接的示例：

.btn {
  background-color: #FFF;
  color: #000;
  
  &:hover {
    background-color: #000;
    color: #FFF;
  }
}

上面的示例中，我们使用&连接来定义.btn:hover元素的样式，从而使代码更加简洁和易于阅读。

使用@each循环

使用@each循环可以让您更有效地编写代码。以下是一个使用@each循环的示例：

$colors : ('red', 'blue', 'green');

@each $color in $colors {
  .btn-#{$color} {
    color: $color;
  }
}

上面的示例中，我们使用了@each循环来为颜色数组中的每个颜色创建一个按钮，并使用变量插值来创建唯一的类名。

总的来说，使用多个分配对每个指令进行SASS有很多好处，能够提高代码的可读性和效率。