css之hover改變子元素和其他元素樣式
- 高洛峰原創
- 2017-03-01 15:11:382547瀏覽
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中文網！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn