为“:before/:after”伪类覆盖“text-decoration: line-through”

Question

你知道为什么 :before 的 line-through 文本装饰没有被覆盖吗？

演示：http://jsfiddle.net/FZJYW/

HTML

<p>Should be strike-through</p>

CSS

p {
  text-decoration: line-through;
}

p:before {
  content: "Should not be strike-through. ";
  text-decoration: none !important;
}

任何想法如何在不添加额外元素的情况下仅制作文本的一部分line-through，例如<span>？

Answer 1

将display: inline-block添加到伪元素的css属性中