Rumah > Artikel > hujung hadapan web > css之hover改变子元素和其他元素样式
css之hover改变子元素和其他元素样式
+表示下一级元素,>表示子元素
<!DOCTYPE html> <html> <head> <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>
更多css之hover改变子元素和其他元素样式相关文章请关注PHP中文网!