如何在css中组合：hover和：not

我知道，当我将鼠标悬停在不同的元素上时，我可以更改其他元素的样式，如下所示：

.element-one:hover .element-two {
    opacity: 0.8;
}

---

但是，当我将鼠标悬停在元素1上时，如何更改页面中除元素2之外的所有元素的样式呢

您可以使用

。元素一：悬停：非（.element二）

以下是一个例子：

。元素一：悬停：非（.element二）{
不透明度：0.8；
}
.要素一{
背景：黑色；
利润率：10px；
}
.第一组{
背景：绿色；
边框：1px纯蓝色；
利润率：10px；
填充：10px；
}

要素二
要素三
要素四

除非所有其他元素都是

元素一的同级或子元素，否则不能执行此操作。你需要javascript。如果他们是兄弟姐妹，那会是什么样子？@Arash，你检查过我的答案吗？@Dekel，刚刚注意到编辑的问题是，无论光标在哪里，样式更改都会被触发。如果我可以为兄弟姐妹做这个（即，将鼠标悬停在2上会改变3和4），那么我可能可以使用它。css可以这样做吗？是的，您可以使用同级选择器
~