css之hover改变子元素和其他元素样式
生活随笔
收集整理的這篇文章主要介紹了
css之hover改变子元素和其他元素样式
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
參考地址：鏈接
表示下一級元素，>表示子元素
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 8 <style> 9 #a {color : #FFFF00;} 10 11 #a:hover #c{color : #00FF00;} 12 #a:hover #c > #b{color : #0000FF;} 13 </style> 14 <div id='a'>元素1 15 16 </div> 17 <div id='c'>元素3 18 <div id='b'>元素2</div> 19 </div> 20 21 22 </html>?
總結
以上是生活随笔為你收集整理的css之hover改变子元素和其他元素样式的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： angularJS constant和v
- 下一篇： html实现 页面禁止右键 禁止复制 禁