css - 嵌套选择器内的＆符号(父选择器)

<分区>

这是否没有记录或根本不可能？

#parent {
  #child {
    width: 75%;

    .additional_parent_class & {
      width: 50%;
    }
  }
}

这基本上会变成:

.additional_parent_class #parent #child {
  width: 50%;
}

虽然这是有道理的，因为 & 符号的实现及其使用方式。如果我试图让它实现这一点怎么办:

#parent.additional_parent_class #child {
  width: 50%;
}

我能够实现这一目标的唯一方法是在子声明之外编写另一条规则:

#parent{
  #child {
    width: 75%;
  }

  &.additional_parent_class #child {
    width: 50%;
  }
}

虽然在这个实现中这不一定是一个“麻烦事”，但如果#child 有自己的 child 现在需要在两个规则中复制，这似乎会适得其反。

无论如何，也许我只是挑剔，但如果有更多遍历选择器的方法就好了。

最佳答案

虽然目前还不可能，但这个以及对 & 语法的许多类似改进计划在 Sass 3.3 中发布。您可以在 Sass 问题 here 上关注有关该功能的讨论。 .

关于css - 嵌套选择器内的＆符号(父选择器)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11724861/