html - 在 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;
  }
}