我这样使用CSS兄弟选择器(〜):
X:hover ~ Y { }
它似乎只有在X位于Y之前(在HTML中)才有效.可以在http://jsfiddle.net/8LFWR/上显示
在X之前放置Y使其停止工作.见http://jsfiddle.net/6WLhe/
知道怎么解决它?
单独使用CSS无法做到这一点.该~组合子看起来只有一个方向,你只能申请样式最右边的元素选择,所以简单地把在y之前X将无法正常工作.
~
您需要使用JavaScript来执行此操作.