是否可以in CSS当鼠标悬停在不同的元素上时更改元素的内容?举例来说,我有这个 div A、B、C、D、E、F。当我将鼠标悬停在 B 中时,我想在 A 中显示一些文本。如果我将鼠标悬停在 C 中,A 中将会出现不同的文本。其余的也一样。当鼠标悬停在 div B 到 F 中时,所有更改都会在 A 中发生。
目前,这仅通过 CSS 是不可能的。您可以调整孩子或即将出生的兄弟姐妹的风格。但是你can't设置前一个兄弟元素或父元素的样式。
所以关于你的情况你可以这样做:
<div class="a"></div>
<div class="b"></div>
<div class="c"></div>
CSS
/* next sibling only */
div.a:hover + div.b { /* styles for b when hovering a */ }
/* general sibling selector */
div.a:hover ~ div.c { /* styles for c when hovering a */ }
div.b:hover ~ div.c { /* styles for c when hovering b */ }
你不能走另一条路,从b
to a
例如。
Demo
先试后买 http://jsfiddle.net/YsHA4/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)