hover可操控的元素范围
Posted myquark
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了hover可操控的元素范围相关的知识,希望对你有一定的参考价值。
hover可操控子元素
也通过+号来操纵同级元素
只能操纵相邻的兄弟元素,也可操纵相邻同级元素的子元素
不相邻的同级元素不能操纵
<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 id=‘a‘>元素1 <div id=‘b‘>元素2</div> <div id=‘b‘>元素2</div> </div> <div id=‘c‘>元素3 <div id=‘b‘>元素2</div> </div> </body> </html>
以上是关于hover可操控的元素范围的主要内容,如果未能解决你的问题,请参考以下文章