Css 在SASS中重新订购我的代码？

我现在正试图学习SASS，但我很难准确地想象我将如何安排代码。例如，我如何将以下代码安排到SASS中，以避免重复

a:link{color:#000；文本装饰：无；}

a:访问{color:#000；文本装饰：无；}

a:acive{color:#000；文本装饰：无；}

目前，我唯一能想到的方法是添加两个不同的变量，并具有以下适当的属性，但这在我看来仍然是重复的。我也考虑过mixin，但不确定如何将它们合并到这个示例中

---

��提前谢谢你的帮助。另外，据我所知，SASS并不是为了提高web性能，只是为了提高工作流。这是正确的吗？我之所以这样说，是因为经过处理后，代码在CSS上看起来是一样的

重复的部分是

a

和样式

颜色：#000；文本装饰：无

因此，使用SASS，您可以嵌套样式，因此只需编写一次

a

。

：link

等的语法是

&:link

因此，你可以写：

a {
  &:link,
  &:visited,
  &:active {
    color: #000;
    text-decoration: none;
  }
}

或者如果您确实有变量，例如，

$black:#000您可以在中交换它们<代码>颜色：$black

但这不仅仅是为了工作流程。使用SASS（或更少）的主要优点之一是，您可以单独组织SASS文件，例如_buttons.scs、_layout.scs等，然后导入（使用

@import

）所有文件到一个“theme.scs”中，然后让SASS编译“theme.scs”

编译的方式取决于您的设置，但Compass（Compass.app，适用于像我这样的UI爱好者）是一个非常流行的选项。最终的结果是浏览器只请求1个样式文件，而不是多个

@mixin links($color:#000,$tdec:none){
     a{
          &:link,&:visited,&:active{
               color:#{$color};
               text-decoration: #{$tdec};
          }
     }
}

然后使用mixin

@include links();

或

也许这就是你要找的

---

嗯。SASS并不是为了提高web性能。但我确信，如果你使用错误的方式（不必要的嵌套等），SASS会弄乱你的CSS。

---

当你习惯了它，它会节省你的编码时间很多

很好！比我快：）

@include links(#fee,underline);