CSS：不适用于同一级别的选择器

我有一个html，有时

stars--done

不在那里，但我想修改CSS

<div class="stars stars--done">
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
</div>

我只想让

在父项与

.stars不匹配的情况下执行操作--done

.stars {
  &:not('.stars--done'):hover {
    i {
      //do somehting
    }
  }
}

---

不要字符串化选择器，这不是Jquery。只需删除“”即可

你也可以写：

.stars {
  &:hover:not(.stars--done) {
    i {
      //do somehting
    }
  }
}

---

不要字符串化选择器，这不是Jquery。只需删除“”即可

你也可以写：

.stars {
  &:hover:not(.stars--done) {
    i {
      //do somehting
    }
  }
}

这将编译为

.stars:not('.stars--done'):hover i { …

这不是你想要的。删除引号：

.stars {
  &:not(.stars--done):hover {
    i {
        …

这将编译为

.stars:not('.stars--done'):hover i { …

这不是你想要的。删除引号：

.stars {
  &:not(.stars--done):hover {
    i {
        …

---

那应该是

&:not（.stars--done）：hover{

@CBroe就把它作为一个答案发出来吧。我正在写，但是你已经评论了，所以我放弃了我的answer@NenadVracar他不想在i上悬停，但是div.start开始了，所以应该是&：not（.stars--done）：像CBroe一样悬停said@CBroe该死的，快一点，如果你把它作为答案发布，我会放弃我的。谢谢你的答案@Doomenik你的答案

&:hover:not（.stars--done）{

是正确的。在开始时使用

：hover

可以提供我想要的功能，而在更改后使用

：hover

则可以。如果您重新提交答案，我将接受。这应该是

&:not（.stars--done）：hover{

@CBroe只是把它作为一个答案发布出来。我正在写，但你已经发表了评论，所以我放弃了我的建议answer@NenadVracar他不想在i上悬停，但是div.start开始了，所以应该是&：not（.stars--done）：像CBroe一样悬停said@CBroe该死的，快一点，如果你把它作为答案发布，我会放弃我的。谢谢你的答案@Doomenik你的答案

&:hover:not（.stars--done）{

是正确的。在开始时使用

：hover

可以提供我想要的功能，而在更改后使用

：hover

可以提供我想要的功能。如果您重新提交答案，我将接受。谢谢，上述两个选项之间实际上存在差异，但为了实现我想要的功能，我使用了第二个选项。再次感谢。谢谢，有实际问题y上面提到的两个选项之间有差异，但是为了实现我想要的，我使用了第二个选项。再次感谢。