Question

怎么让hover点击第一个盒子后不让其他元素跟随它动

Answer 1

这种不通过JS脚本，仅通过CSS实现有两种方法：
1、如果你#b元素是#a元素的子元素，可以直接通过 #a #b {...}这种方式定义CSS样式来控制
2、#a与#b是亲兄弟关系，有相同的父节点，且#b跟#a紧临，可以通过 #a + #b{..}来控制#b里面的元素样式；

下面给出第二种方式的示例：
1
2
3
4
<style>
#a {color : #99ff66;}
#a + #b{color : #FF0000;}
</style>
HTML元素：
1
2
3
<div id='a'>元素1</div>
<div id='b'>元素2</div>
<div id='c'>元素3</div>
如果上面的b与c调换位置则对应的CSS设置将不生效。
追问
回到很详细。。不过好像 没说到 是：hover来改变哟 。
回答
你把CSS样式改下就OK了，在#a后面加上:hover
1
2
3
4
<style>
#a {color : #99ff66;}
#a:hover + #b{color : #FF0000;}
</style>
这就表示当鼠标移到#a上时，#b样式发生变化