:hover 操作其他元素

参考链接：怎样使用css制作下拉菜单_百度经验
http://jingyan.baidu.com/article/17bd8e523ccf9285aa2bb846.html
li:hover+空格+子元素，可以操作子元素的样式

#second {

display: none;

}

.div01 ul li:hover #second {

display: block;

}

.div01 ul li:hover {

background-color: #3F9;

}

.div01 ul li ul li {

background-color: #3F9;

}

<div class="div01" >

<ul>

<li>百度

<ul id="second">

<li>百度百科</li>

<li>百度翻译</li>

</ul>

</li>

<li>经验</li>

<li>实验</li>

<li>火影</li>

</ul>

</div>

得到的效果为：