验证代码答案

【问题标题】：Sassify the code验证代码
【发布时间】：2014-02-22 02:13:59
【问题描述】：

我在 scss 文件中有几行代码，我是 sass/scss 的新手。如何将以下 Css 变成 scss（利用 sass 功能）？

#l-header, #l-hnav, #l-footer {
   width: 728px;
   margin: 0 auto;
   border: 1px solid red;
}
#l-content {
   padding: 10px 10px 30px 12px;
   margin: 0 auto;
   width: 704px;
}
#col12_2 {
   width: 704px;
   float: left;
   position: relative;
}
 .mlid-dl_v2{
   height: 400px;
}
#col1 {
   clear: both;
   float: left;
   padding-top: 3px;
   width: 326px;
}
#col2 {
   padding-left: 22px;
   padding-top: 3px;
   width: 233px;
}
#col3 {
   position: absolute;
   margin-top: 400px;
   right: 20px;
   width: 301px;
}

【问题讨论】：

这已经是有效的scss代码了。
您特别想使用 SASS 的哪些功能？
它是有效的 sass/scss。只是想学习如何更好地使用 scss 功能。
如果你想学习，去阅读一些教程。 “请为我写代码，拜托”类型的问题在这里不受欢迎。

标签： css sass

【解决方案1】：

你使用了标签sass，描述为

Sass (Syntactically Awesome Stylesheets) 是 CSS 添加的扩展嵌套规则、变量和混入等功能。这扩展了编写结构化、可管理和可重用的 CSS 的可能性。萨斯转换为标准 CSS。

这意味着：

有效的 CSS 已经是有效的 SCSS，您无需执行任何操作即可从 CSS 切换到 SASS。
切换到 SASS 后，您可以使用 SASS 功能。
请记住，最后您必须将 SASS 编译为 CSS。

【讨论】：

【解决方案2】：

我建议您查看http://sass-lang.com/guide，了解一些可以使用 sass 完成的功能，看看哪些功能适合您的需求。

【讨论】：