b:hover时控制a的变化，这既不是父子也不是兄弟，没有不用js就可以控制的办法，求解！！

shuxhan 2021-03-19 10:12:20

<div class="A">

                <span class="a"></span>

            </div>

            <div class="B">

                <span class="b"></span>

            </div>

我想要b:hover时控制a的变化，这既不是父子也不是兄弟，没有不用js就可以控制的办法，求解！！

...全文

391 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

Logerlink 2021-03-23

打赏
举报


<body>
    
    <div class="B">
        <span class="b">bbbbbbbbbbbbbb</span>
    </div>
    <div class="A">
        <span class="a">aaaaaaaaaaa</span>
    </div>
    <h1>A要在B的下面才生效 而且a和b之间没有其他元素，实用性不大 </h1>
</body>
<style>
.b:hover +.A .a {
  background:#000;
}
</style>

shuxhan 2021-03-23

打赏
举报

引用 4 楼 Logerlink 的回复:


<body>
    
    <div class="B">
        <span class="b">bbbbbbbbbbbbbb</span>
    </div>
    <div class="A">
        <span class="a">aaaaaaaaaaa</span>
    </div>
    <h1>A要在B的下面才生效 而且a和b之间没有其他元素，实用性不大 </h1>
</body>
<style>
.b:hover +.A .a {
  background:#000;
}
</style>

试了一下没有效果，我大概查了一下，纯css无法控制没有关系的元素，要么父子，要么兄弟，除此之外就没有了