如何做到:点击div其他部位时div背景变灰色;点击一个div中的icon时使icon背景变灰色,同时div背景不变色 -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

如何做到:点击div其他部位时div背景变灰色;点击一个div中的icon时使icon背景变灰色,同时div背景不变色

杨冬芳 2016-06-13 11:52:18 1589

如题
如何做到:点击div其他部位时div背景变灰色;点击一个div中的icon时使icon背景变灰色,同时div背景不变色?

<div class="ac_published">
    <div class="right">
        <i class="fa fa-share-alt text-colorful hover-pointer icon-share"></i>
        <i class="fa fa-pencil text-colorful hover-pointer icon-edit"></i>
    </div>
</div>

css我是这样写的,但是这样写的话,点击icon的时候,div背景也会变色。。

    .ac_published:active{
        background-color: #e1e1e1;
    }
    .ac_published .right .icon-share:active{
        background: #a94442;
    }

请问该怎么处理啊

div背景色 div其他
分享到
取消 提交回答
全部回答(1)
  • 杨冬芳
    2019-07-17 19:35:35

    .ac_published:active的时候包括除icon外区域点击,也包括了icon区域点击;
    除非div与icon不是上下级关系,而是同级关系;
    如果DOM结构不变,使用js方法吧;

    0 0
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

相似问题
最新问题
推荐课程