Javascript 如何选择具有相同类（SaSS）的grand children DOM

这将使选项类别为蓝色的第一个li和黄色的第二个li：

.option {
  background-color: 'yellow'

  &:has(.option) {
    background-color: 'blue'
  }

}

---

如果要在不更改父级上的选项类的情况下执行此操作，可以使用下面的解决方案

li:n第n个孩子（2）{
背景：蓝色；
}
李：第n个孩子（3）{
背景：蓝色；
}

外面

中间的

在…内

在我这边不行。。。奇怪的我试了好几次，真奇怪。通常它会使第二个变黄。也许您可以提供完全嵌套的代码段？我有10多个嵌套的“option”类。谢谢你提供了这个例子。我投了赞成票

.option {
  background-color: 'yellow'

  &:has(.option) {
    background-color: 'blue'
  }

}

.option {
  background-color: blue;

  .option {
    background-color: yellow;
  }
}