div下不同元素同时触发hover效果实现

在同一个DIV下有一个块元素与一个文字标签,要求无论鼠标指向哪个元素另外一个元素也会被激活。可以利用最外层的div元素来选择下面的两个子元素,鼠标指向最外层的div时候触发激活效果。

父元素:hover 子元素2    {      。。。。。    } 

父元素:hover 子元素2   {      。。。。。    } 

 

.sidebox:hover .icon-img1{
    background: url(../img/icon/icon-float11.png) no-repeat center;
}
.sidebox:hover span{
    color:#EFCD50;
}

 

posted @ 2019-10-22 00:10  沧海一粟95  阅读(2426)  评论(0编辑  收藏  举报