开发者社区> 问答> 正文

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

如题
如何做到:点击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;
    }

请问该怎么处理啊

展开
收起
杨冬芳 2016-06-13 11:52:18 2293 0
1 条回答
写回答
取消 提交回答
  • IT从业

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

    2019-07-17 19:35:35
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载