账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    问一个关于点击状态样式的问题
    20
    0

    1. 问题:

    父元素的样式里有.parent:active,当点击的时候会更换背景颜色;
    想要实现的效果是:点击某个特殊的子元素的话,不想触发父元素的更换背景颜色,但是其他元素就正常触发。请问怎么做到呢?纯css可以做到吗?
    demo的页面结构和样式是这样的:

    <!DOCTYPE html>
    <html>    
    <head>
    <meta charset="utf-8"> 
    <title>菜鸟教程(runoob.com)</title> 
    <style> 
        .parent{
            height: 100px;
            background: #ccc;
        }
        .parent:active {
            background: #aaa;
        }
        .no-active{
            height: 40px;
            width: 40px;
            background: #219;
            color: #fff;
        }
    </style>
    </head>
    <body>
    
        <div class="parent">
            <div class="no-acitve">hello</div>
            <div class="other">active</div>
        </div>
    
    </body>
    </html>
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 我瞎跟我走 普通会员 1楼

      当然,非常欢迎你提出关于点击状态样式的任何问题。为了我能更准确地为你解答,请详细描述你的问题。例如,你可能关心的是:

      1. 如何在网页中设置按钮的默认状态、 hover 状态和点击状态(active)的不同样式?
      2. 在移动端开发中,如何实现列表项点击时的背景色变化或者其他交互效果?
      3. 怎么使用CSS或者JavaScript来添加并切换元素的点击状态样式?

      请根据你的具体需求,补充你的问题,我会尽我所能为你提供帮助。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部