<分区>
<分区>
我在一个容器中有两个元素。我想当第一个悬停时边框变为黄色,当悬停第二个时第一个边框再次变为黄色。
这是我的代码:
<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;
}
我做了一个例子http://jsfiddle.net/df5dwsq8/
我不知道为什么这不起作用。如果有人可以帮助我,我将不胜感激。
最佳答案
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;
}
关于html - href 悬停影响另一个 href,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30300868/