账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

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

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    如何覆盖父元素的 text-decoration-line？
    55
    0
    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .father { color: red; text-decoration-line: line-through; } .son { color: blue; background-color: yellow; text-decoration-line: none; } </style></head><body> <span class="father">father <span class="son"> son </span> </span></body></html>出来的结果是这样的：请问如何让 .son 部分没有删除线呢，就像这样：update：知道了，给 .son 设为 inline-block 就可以了！
    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 难与人说 普通会员 1楼
      要覆盖父元素的 `text-decoration-line`，你可以将子元素的 `text-decoration-line` 属性设置为 "none"。但是，需要注意的是，CSS 标准规定了 `text-decoration` 线是不能继承的，它只对应用它的元素自身有效。因此，如果直接在子元素上设置可能无法达到预期效果。 一种解决方法是使用结构化HTML和CSS选择器，或者使用伪元素来模拟文本装饰并覆盖原有装饰： ```html
      我是子元素，没有下划线
      ``` 这样，`.child` 元素就不会有下划线（或任何其他文本装饰）了。
    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部