开发者社区 问答 正文

CSS去掉子元素继承的下划线样式

样式
p{text-decoration:underline;}
span{text-decoration:none;}
html

这段文本加了下划线。名字

不能去掉span的下划线样式。内联样式也不行。求解?

展开
收起
a123456678 2016-05-27 17:43:31 2480 分享 版权
1 条回答
写回答
取消 提交回答
  • 因为你对

    设置的text-decoration:underline;并没有被所继承,所以你对span设置text-decoration:none;是无效的

    如果要在一段文字当中去掉某一段的下划线,可以修改结构,使用行内元素
    span{text-decoration:underline;}
    Hello,FirstCSS

    不改变当前结构,也可以更改span为行内块元素
    span{display:inline-block;text-decoration:none}

    2019-07-17 19:18:30
    赞同 展开评论