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伪类改变其他元素的总结

版权声明 1 本网站名称：钻芒博客
2 本站永久网址：www.zuanmang.net
3 本站原创内容转载请注明出处，付费内容未经本站授权禁止转载二次发布
4 本站所有内容禁止用于任何非法用途！部分文章、素材、资源软件来自网络，仅供大家学习与参考。如有侵权，请联系站长进行删除处理
5 本站投稿禁止发布任何违法内容，如发现将立即封号处理，欢迎举报监督
6 本站附件资源、教程等内容如因时效原因失效或不可用，请联系留言或联系站长及时更新

THE END