SASS项目中的差异#和{}或nohing

$list：（橙色、紫色、青色）

$list：（橙色、紫色、青色）

---

我是SASS新手，当我练习时，所有这些都给了我相同的结果。它们之间的区别是什么？{}或者什么都没有为什么当你不想添加任何内容时，我们只使用nothing

仅

$item

。SASS使用

{}

将其代码与CSS分离。因此，如果要选择一个类，则需要

{$item}

$list: (orange, purple, teal);

//Add your each-loop here
@each $item in $list {
  .{$item} {
    background: $item;
  }
}

//Add your each-loop here
@each $item in $list {
  .$item {
    background: $item;
  }
}

//Add your each-loop here
@each $item in $list {
  .#{$item} {
    background: $item;
  }
}