在 SCSS 中附加了 BEM 命名的标签名称和父类名的目标子项

Question

HTML：

<div class="nav">
    <a class="nav__link">click here...</a>
</div>

预期的 CSS 输出：

a.nav__link { 
  text-decoration: none;
}

我目前的 SCSS：

.nav {
  a&__link {
    text-decoration: error;
  }
}

错误：

"a"后面的 CSS 无效：预期的是"{"，是"&__link">

"&__link"只能在化合物选择器的开头使用。

Answer 1

如果我理解得很好，你想要这样的东西：

.nav {
a#{&}__link {
    text-decoration: error;
  }
}