具有标记名和父级的类名的目标子项，并在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;
  }
}

ERROR：

＆＃34; a＆＃34;：预期＆＃34; {＆＃34;，＆＃34;＆amp; __ link＆＃34;

之后的无效CSS

＆＃34;＆安培; __链路＆＃34;只能在复合选择器的开头使用。

Answer 1

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

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