最后如何引用父选择器? [英] How do I reference the parent selector at the end?

问题描述

我该如何转:

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

进入

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

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

I keep getting invalid selector after .dropdown-toggle

推荐答案

如果你阅读了完整的错误，应该是这样的:

If you read the complete error, it should say this:

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

"&" may only be used at the beginning of a compound selector.

但是，.dropdown-toggle.btn-primary 与 .btn-primary.dropdown-toggle 相同.所以将父选择器放在开头:

However, .dropdown-toggle.btn-primary is the same as .btn-primary.dropdown-toggle. So place the parent selector at the beginning:

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

从 Sass 3.4 开始，您可以这样做:

As of Sass 3.4, you can do that like this:

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

这篇关于最后如何引用父选择器?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！