Css 我如何将这段代码重构为sass？

我希望将其转换为无分号的sass，以便在compass中编译

到目前为止，我得到了以下错误：“只允许在规则、指令、mixin includes或其他属性中使用属性。”

---

代码不会编译。

这里有一个关于SASS嵌套的简便指南：

应产生：

#table_1 
  tr:nth-child(odd)
    tr:nth-child(even)
      width: 100%
  tr:nth-child(even)
    tr:nth-child(odd)
      width: 100%

编辑：

为背景和边框半径添加两个混音：

#table_1 tr:nth-child(odd) tr:nth-child(even) {
  width: 100%;
}

#table_1 tr:nth-child(even) tr:nth-child(odd) {
  width: 100%;
}

---

你说“没有分号”是什么意思？还有，这只是两个选择器。你想要呈现什么样的CSS？我可以问你为什么选择

sass

而不是

scss

？作为

scss

您可以使用compass而不存在这些问题。您的问题可能是由于缩进错误。我刚刚添加了其余部分。这里没有分号，我指的是sass的语法形式，它在代码中不包含“；”并且使用纯粹的缩进。恭喜，这很有效。我只需要改变几件事，现在它正在编译：#table#u 1 tr:n个孩子（奇数）tr:n个孩子（偶数）宽度：100%#table#u 1 tr:n个孩子（偶数）tr:n个孩子（奇数）宽度：100%@EdwardK。

#table_1 tr:nth-child(odd) tr:nth-child(even) {
  width: 100%;
}

#table_1 tr:nth-child(even) tr:nth-child(odd) {
  width: 100%;
}

=bg($start, $end)
  background: $start
  background: -moz-linear-gradient(top, $start, $end)
  background: -webkit-gradient(linear,0 0, 0 100%, from($start), to($end))
=shadow($distance, $opacity)
  box-shadow: inset 0 0 $distance rgba(0,0,0,$opacity)
  -moz-box-shadow: inset 0 0 $distance rgba(0,0,0,$opacity)
  -webkit-box-shadow: inset 0 0 $distance rgba(0,0,0,$opacity)

#table_1
  tr:nth-child(odd)
    tr:nth-child(even)
      +bg(#ccc,#eee)
      +shadow(10px,.4)
  tr:nth-child(even)
    tr:nth-child(odd)
      +bg(#ccc,#eee)
      +shadow(10px,.4)