如何在结尾处引用父选择器？

Question

我怎么能这个:

.btn-primary {
  .open .dropdown-toggle.btn-primary { ... }
}

成

.btn-primary {
  .open .dropdown-toggle& { ... }
}

在.dropdown-toggle之后我一直收到无效的选择器

Answer 1

如果您阅读完整错误,则应说明:

"&"只能在复合选择器的开头使用.

但是,.dropdown-toggle.btn-primary是一样的.btn-primary.dropdown-toggle.所以将父选择器放在开头:

.btn-primary {
  .open &.dropdown-toggle { color: blue; }
}

从Sass 3.4开始,你可以这样做:

.btn-primary {
  .open .dropdown-toggle#{&} { color: blue; }
}