Html 较少悬停项目将样式应用于不同元素

我有四个词，当我在第一个词上悬停时，我希望第二个词也以另一种颜色亮起

 #one {
cursor:pointer;
&:hover {
  #one {
  color:red;
  }
  #two {
  color:red;
  }
}

我以为就是这样，但显然不行：(

这里有一个小密码笔

---

我想这就是你想要的：

#one {
  cursor:pointer;
  &:hover {
    color:red;
    ~ #two {
    color:red;
    }
  }
}

试试这个

正文{
背景色：#161616；
字体大小：50px；
字体系列：“开放式Sans”，无衬线；
文本转换：大写；
光标：指针；
}
#一个{
颜色：黑色；
游标：指针；}
#一：悬停{
颜色：红色；
}
#两个{
颜色：黑色；
游标：指针；}
#二：悬停{
颜色：红色；
}
#三{
颜色：黑色；
游标：指针；}
#三：悬停{
颜色：红色；
}
#四{
颜色：黑色；
游标：指针；}
#四：悬停{
颜色：红色；
}

一
二
三
四

我认为您需要使用同级选择器。尽管您应该注意浏览器兼容性

看看这支钢笔

---

很明显，我想要的是，不知道~Doe something~选择了同一dom级别的兄弟姐妹，你在我现在看到的#oneYe的孩子时搜索了#2。在sass中它可以工作，但我现在需要少用一些，当它不工作时我有点困惑：）@Dennis“在sass中它可以工作”-因为你的原始片段Less和SCSS都产生相同的CSS，所以在这种情况下，你是在欺骗自己。@seven Phase max我知道，但我习惯于嘲笑，这就是为什么我无法理解它。“显然它不起作用”请澄清它的作用，与你期望它的作用相比。

#one {
 cursor:pointer;
 &:hover {
  color:green;
  + #two {
   color:red;
  }
 }
}