如何用CSS来响应同级DIV的前一个元素?

发布网友发布时间：2022-04-23 08:25

共4个回答

热心网友时间：2022-06-18 08:30

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

完美解决，经测试！

附上我自己的代码：

ul li a img:hover ~h3 {
    padding-bottom: 10px;
    color: #25AAFF!important;
    border-bottom: 2px solid #25AAFF;
}

热心网友时间：2022-06-18 08:31

CSS相邻兄弟选择器只支持后面的元素，而不支持前面的兄弟元素，不支持父选择器。

网页链接

热心网友时间：2022-06-18 08:31

CSS有这么智能？真心不晓得
但是可以用JS实现在a1a2都定义id a2定义一个鼠标经过事件当鼠标经过a2的时候触发事件然后根据id获取他们的对象再将a1的背景换下就ok

热心网友时间：2022-06-18 08:32

悬停a1可以改变a2，如下：
.a1:hover>.a2{background:#f00;}
哼哼，更绝的是css还可以设置自己的变量
body{--a:#ff0;}
.need-bg-change{background-color:var(--a);}