css hover控制其他元素

2024-04-28 02:54•css•阅读 2455

<html>
<body>
<style>
    #a:hover {color : #FFFF00;}
    #a:hover > #b:first-child{color : #FF0000;}    
    #a:hover > #b{color : #FF00FF;}  
    #a:hover + #c{color : #00FF00;}
    #a:hover + #c > #b{color : #0000FF;}
</style>
<div >元素1
  <div >元素2</div>
  <div >元素2</div>
</div>
<div >元素3
  <div >元素2</div>
</div>
</body>
</html>

上一篇 »HTML5 手机端动态适配
下一篇 »css排版之-标准文档流