>假设我有两个元素，"A"和"B"...当你把鼠标悬停在 A 上时，我希望 B 改变颜色，当你悬停在 B 上时，我希望 A 改变颜色......
<ul>
<li>A</li>
<li>B</li>
</ul>
我找到了通常的同级选择器，如 (~( 和 (+(，但它们只允许 A 影响 B。 我可以制作ul { display: flex; }并交换 A 和 B，但这只会允许 B 影响 A。
我正在制作的网站中的所有内容都在工作，我只想制作一种"配对链接"系统......基本上，两个链接，如果其中一个悬停在上面，两个链接都表现得像是悬停在上面......
我已经尝试过(-(只是为了看看它是否有效，但它没有......我尝试将鼠标悬停在父级上 (>(，但这只是使所有链接都像悬停在父链接上一样(我想了很多，但我仍然必须尝试(......老实说，我没有永远做过 html 和 css，所以我不确定我错过了什么......
您可以通过突出显示悬停<ul>的所有列表项并重置悬停列表项的样式来实现类似的效果：
ul {
padding: 0;
list-style: none;
}
ul:hover > .item {
color: red;
}
li.item:hover {
color: initial;
}<ul>
<li class="item">A</li>
<li class="item">B</li>
</ul>