开发者社区> 问答> 正文

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

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

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

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

展开
收起
杨冬芳 2016-05-31 18:00:12 2651 0
1 条回答
写回答
取消 提交回答
  • IT从业

    因为你对

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

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

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

    2019-07-17 19:22:19
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载