鼠标悬浮某个元素对其同级之后的元素进行操作

Posted yaomengli

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了鼠标悬浮某个元素对其同级之后的元素进行操作相关的知识,希望对你有一定的参考价值。

b这一类的元素都是a的同级元素并且是a元素之后的就可以a:hover~b{....}


附上我自己的代码:
ul li a img:hover ~h3 {
    padding-bottom: 10px;
    color: #25AAFF!important;
    border-bottom: 2px solid #25AAFF;
}
 
悬停a1可以改变a2,如下:

.a1:hover ~ .a2{background:#f00;}

以上是关于鼠标悬浮某个元素对其同级之后的元素进行操作的主要内容,如果未能解决你的问题,请参考以下文章

jQuery 如何实现 “鼠标悬浮下拉菜单” 效果?

vue项目中使用bpmn-节点篇

ActionChains定位元素

UiPath鼠标操作元素的介绍和使用

当我在 SVG 中将鼠标悬停时,如何显示和隐藏同级元素?

从 PIXI.js 中的同级或父 DOM 元素捕获鼠标事件