css hover改变其他class属性

css鼠标效果改变其他样式

效果如图:

代码参考

.zmki_box_li li{
    background-color: #F2F5FB;
    padding: 8px 15px!important;
    border-radius: 10px;
    transition: background-color 0.3s,color 0.3s;
}

.zmki_box_li li:hover{
    background-color: #38b781; 
}  

.zmki_box_li li:hover i{ 
    color: #fff!important; 
}     
.zmki_box_li li:hover span{ 
    color: #fff!important; 
}    

参考链接

• 利用CSS hover伪类改变其他元素的总结