SCSS（SASS）选择器顺序对嵌套类重要吗

这里我有SCS来设置列表项的样式。我想知道的是，类和伪选择器的选择顺序是否正确。那么基本上，

&:before.active

是否等于

&.active:before

以下是后者的完整示例：

.sidebar-list {
  list-style-type: none;
  padding: 0;

  & li {
    padding: 4px 0;

    &:before {                      // Here,
      color: darken($font-color, 60%);
      font-family: "FontAwesome";
      content: "\f101\00a0";
    }

    &.selected:before {             // And here.
      color: darken($font-color, 30%);
    }
  }
}

重要部分的前一部分（在

li

中）：

对于列表项的

：psuedo选择器的样式设置，哪一个是正确的

谢谢
 是的，顺序很重要
li:before。所选的
基本上将被忽略，因为它无效

下面是一个片段，例如：


span:：之前{
内容：'span:：before（Normal）'；
背景色：#ddd；
}
/*有效的*/
ribbon:：before{
内容：“span.ribbon:：before（Valid）”；
背景色：#0f0；
}
/*无效。将被忽略*/
span:：before.ribbon{
内容：“span:：before.ribbon（无效）”；
背景色：#f00；
}

CSS psuedo选择器（或内容）只需要一个冒号。只有psuedo元素需要
：
。（我查了一下以确定：）谢谢！这是一个很好的答案。
    &:before {                 // Here,
      color: darken($font-color, 60%);
      font-family: "FontAwesome";
      content: "\f101\00a0";

      &.selected {             // And here. This would evaluate to "li:before.selected"
        color: darken($font-color, 30%);
      }
    }