Question

如果我有这样的标记：

<div>
    <div class="one"></div>
</div>
<div class="two">

css中是否有任何方法可以从类.one中选择class .two？

与this fiddle一样。

Answer 1

你正在尝试的只是使用CSS是不可能的，你可以做的是你可以重新安排这样的元素

<div>
    <div class="one"></div>
    <div class="two">
</div>

并使用

.one:hover + .two {
   /* Styles */
}

否则你可以这样做（如果你不想改变标记）Demo

div {
    width: 50px;
    height: 50px;
    background: pink;
}

.two {
    height: 20px;
    background: #000;
    width: 20px;
}

div:nth-of-type(1):hover + .two {
    background: #f00;
}

.one + .two {
    background: #f00;
}

Answer 2

你可以使用jquery

script type =“text / javascript”＆gt;

    $(function () {



        $(".one").mouseover(function () {
            $(".two").css("background","red")

        });



        $(".one").mouseout(function () {

            $(".two").css("background", "");
        });
    });

</script>

从子div到下一个相邻div的css选择器？

2 个答案: