Class span中的scss类选择器

我觉得问这个问题很愚蠢，因为我觉得我错过了一些东西。 我有以下HTML代码：

<span class="label-link-text">[help]</span>

遗憾的是，它不是那样工作的。 但事实上，这样做效果很好：

span {
  &[class="label-link-text"] {
    font-size: 15pt;
    color: red;
  }
}

谁能给我解释一下吗？我认为类选择器应该像第一个示例中那样工作

代码笔：

非常感谢

这样做：

span {
    .class {}
}

目标元素的类

class

是跨度的子元素：

<span><div class="class"></div></span>

通过使用

&

父选择器，您可以使用类

类
将
span
s作为目标：

<span class="class"></span>


执行此操作：

span {
    .class {}
}

目标元素的类
class
是跨度的子元素：

<span><div class="class"></div></span>

通过使用
&
父选择器，您可以使用类
类
将
span
s作为目标：

<span class="class"></span>


使用此

span {
  &.label-link-text {
    font-size: 15pt;
    color: red;
  }
}

用这个

span {
  &.label-link-text {
    font-size: 15pt;
    color: red;
  }
}