SASS：错误的原因是什么：＆＃34;预计行结束＆＃34;？

Question

我正在学习Sass。我遇到了一个小问题，我收到了这个错误：＆＃34;预计行结束＆＃34;。为什么我会收到此错误，我该怎么办呢？

.admin-table tr: nth-child(odd) // Generates the error
 background-color: $white

.admin-table tr: nth-child(even) // Generates the error
 background-color: $white

Answer 1

对于Sass语法，您需要删除: nth-child)中的空格，最好在每个属性的末尾添加分号;

.admin-table tr:nth-child(odd)
  background-color: $white;


.admin-table tr:nth-child(even)
  background-color: $white;

对于Scss语法，您还需要添加大括号

.admin-table tr:nth-child(odd) {
  background-color: $white;
}


.admin-table tr:nth-child(even) {
  background-color: $white;
}

Answer 2

取消tr:和nth-child之间的空格。此外，在每个属性的末尾添加;，如下所示：

.admin-table tr:nth-child(odd){
    background-color: $white;
}

.admin-table tr:nth-child(even){
    background-color: $white;
}