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