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可操控的元素范围的主要内容,如果未能解决你的问题,请参考以下文章

CSS :hover伪类选择器

飞宇科技 Vimble 2指尖操控拍大片

在VB中动态执行VBS代码,可操控窗体控件

在元素边界出触发不断触发hover事件如何解决?

解决实现伪元素的 hover 效果的问题:

如果将div的可拖动范围限定在指定元素内