+表示下一级元素，>表示子元素
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <style> #a {color : #FFFF00;} #a:hover + #c{color : #00FF00;} #a:hover + #c > #b{color : #0000FF;} </style> <div id='a'>元素1 </div> <div id='c'>元素3 <div id='b'>元素2</div> </div> </html>
版权声明：本文为博主原创文章，未经博主允许不得转载。
原文：http://blog.csdn.net/u013047660/article/details/48026615