:hover 鼠标同时触发两个元素变化

Posted expedition

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了:hover 鼠标同时触发两个元素变化相关的知识,希望对你有一定的参考价值。

技术图片

html代码:

<li>&nbsp;<span>4</span>&nbsp;<a href="#">巨型一号丝瓜水320ML</a></li>

核心CSS:

        li:hover a
            color:#E9185A;
            text-decoration:underline;
        
        li:hover span
            background-color:#E9185A;
            

<li> 是 <span>和 <a> 的父容器,通过     

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

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

 

以上是关于:hover 鼠标同时触发两个元素变化的主要内容,如果未能解决你的问题,请参考以下文章

jquery事件

在元素边界出触发不断触发hover事件如何解决?

第二十二节 jQuery事件

如何阻止:hover、:active等鼠标行为状态的触发?

编程中hover啥意思

jquery