Html a href悬停影响另一个a href

一个容器中有两个元素。我想当第一次悬停时，边框变为黄色，当第二次悬停时，第一次的边框再次变为黄色

这是我的密码：

<div class="container">
    <a href="#" class="href1"></a>
    <a href="#" class="href2"></a>
</div

.href1, .href2
{
    display:block;
    width:100px;
    height:100px;
}

.href1
{
    background:red;
    border:2px solid #000;
    margin-bottom:30px;
}

.href1:hover
{
    border-color:yellow;
}

.href2
{
    background:blue;
}

.href2:hover .href1
{
    border-color:yellow;
}

CSS:

.href1, .href2
    {
        display:block;
        width:100px;
        height:100px;
    }

.href1
    {
        background:red;
        border:2px solid #000;
        margin-bottom:30px;
    }

.href1:hover
    {
        border-color:yellow;
    }

.href2
    {
        background:blue;
        border:2px solid #000;
    }

.href2:hover 
    {
        border-color:yellow;
    }

这就是您需要的：？？
“[我不]知道为什么这不起作用”-它不起作用，因为在CSS中，无法选择当前元素的前一个同级（或父级）元素；您的选择器：
.href2:hover.href1
将在类为“href2”的悬停元素中选择类为“href1”的元素，该类与您的HTML不匹配。我现在明白了。。所以实现这一点的唯一方法是javascript？是的，javascript是必需的。您需要jQuery或javascript来实现这一点，非常感谢！很抱歉重复了问题No我想当悬停第二个（蓝色）时，第一个的边框颜色变为黄色使用此脚本$（“.href1”）.hover（function（）{$（“.href2”）.css（“边框”，“2px纯黄色”）；}）；