html - 在兄弟悬停时设置 span 标签的 CSS

Question

嘿，有谁知道我将如何使用纯 CSS 来实现这一点。

<a id="link"><span>Some Text</span></a>
<div id="someDiv"></div>

当鼠标悬停在 someDiv 上时，使跨度“Some Text”具有特定颜色。

不确定这是否可能。谢谢。

Answer 1

由于 CSS 选择器的工作方式，没有 previous sibling 选择器。因此，对于您现有的标记，您不能使用纯 CSS 来完成。

但是，如果链接位于 div 之后:

<div id="someDiv"></div>
<a id="link"><span>Some Text</span></a>

要使用的选择器是#someDiv:hover + #link span。