跨度中的scss类选择器

Question

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

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

现在，我想使用类选择器设置span的样式，如下所示：

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

可悲的是，它并不像那样。但相反，这工作正常：

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

有人可以向我解释一下吗？我认为类选择器应该像第一个例子一样工作？

Codepen：https://codepen.io/anon/pen/MrjGqe

非常感谢！

Answer 1

这样做：

span {
    .class {}
}

使用class类作为跨度子元素的元素：

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

你想要的是这个：

span {
    &.class {}
}

通过使用&父选择器，您可以使用类span定位classs：

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

Answer 2

用这个

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