Question

我想让我的文字和图片同时获得白色，当其中一个是悬停时。

当#btnicon为:hover时，li a如何获得:hover？

li a {  
    transition: .7s ease-out;
    color: #9d9d9d;
    text-decoration: none;
    display: block;
    padding: 0 20px;
    text-align: center;
    line-height: 60px;
    font-size:20px;
}

li a:hover{ 
    transition: .7s ease-out;
    color: #FFFFFF
}

#btnicon{
    width:15px;
    height:15px;
    margin-right: 5px;
    transition: .7s ease-out;
}

#btnicon:hover{
    transition: .7s ease-out;
    -webkit-filter: brightness(200%);
}

    <li><a href="index.html"><img id="btnicon"src="http://s11.postimg.org/bqc94ncoj/home.png">Home</a></li>

Answer 1

由于图片位于a内，您可以执行此操作：

li a:hover #btnicon {
    transition: .7s ease-out;
    -webkit-filter: brightness(200%);
}

当我徘徊“a”时，我的“id”也会悬停

1 个答案: