Question

CSS父元素的子元素样式控制另一子元素怎么实现？

急!!!
我碰到的问题是：鼠标移到第一个子元素怎么去改变第二个子元素的样式

Answer 1

你说讲的这应该是同级兄弟元素之间的CSS控制。

话说有一种选择器就叫兄弟元素选择器，分为临近兄弟和普通兄弟。

临近兄弟：用 ＋ 表示，只匹配该元素后边的第一个同级元素。
普通兄弟：用 ～ 表示，匹配该元素后边的所有同级元素。

给个例子：

<style>
div#aa { }
div#aa p { font-size: 14px; color: #000; }
div#aa p.on { color: #f00; }
div#aa p.on ~ span { color: #00f; }
div#aa p.on + span { color: #0f0; font-weight: bold; }
</style>

<div id="aa">
<p class="on">sdf</p>
<span>sdf</span>
<span>sdf</span>
</div>

当把p的class设为on的时候，span的样式也跟着改变。

不知道这么说清楚没有。

另外这种方式IE6是不支持的。慎用吧。

Answer 2

这个有办法，就是用“>”这个符号实现，比如body>div,就是body下的div会生效，不是body下的就不用生效。不过这个有浏览器不支持，尤其是IE6。建议不要使用。