纯CSS实现：用一个元素的hover控制两个元素，比如有A和B两个元素，鼠标移到A上，A变红，B变蓝。

html-css011

纯CSS实现：用一个元素的hover控制两个元素，比如有A和B两个元素，鼠标移到A上，A变红，B变蓝。,第1张

css的选择符只能是从父到子，从上到下的顺序。

只有当b元素是a元素下面的兄弟元素，或者b元素是a元素的子元素的情况才能实现鼠标移到A上，A变红，B变蓝。

<style type="text/css">

.a:hover { background-color: #f00 }

.a:hover~.b { background-color: #00f }

</style>

</head>

<body>

<div class="a">aaa</div>

<div class="b">bbb</div>

</body>

#top ul li a{

不要这样子写：

#top ul li a:link,#top ul li a:visited {

这样子写，以后你会发现好处多多：）