CSS：从文本中删除下划线

我有以下HTML

decoration: underline;">
    outer text
    
decoration: none;">inner text

即使我使用“无”作为“内部文本”,它仍然有下划线.这是JS小提琴示例：http://jsfiddle.net/oj2wj1d6/1/

如何从“内部文本”中删除下划线？我必须保持相同的HTML结构,而不添加任何新的HTML标记.

最佳答案

有点hacky但是使用:: first-line psueduo选择器,它只将样式应用于’first line’,所以在下面的例子中我使用了一个元素(一个p)来打破文本并触发动作.

这当然是假设您想要加下划线的唯一文本是您内容的第一行.告诫者,YMMV等

example on JSFiddle.net

HTML：

irst-line-underline">
  outer text a sentence
  wut
  yea
  

CSS：

.first-line-underline::first-line {
  text-decoration: underline;
}

text-decoration on Mozilla Developer Network
::first-line on Mozilla Developer Network

原文地址：https://www.jb51.cc/css/427383.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。