Override “text-decoration: line-through” for “:before/:after” pseudo class

Question

Do you know why the line-through text-decoration for :before isn't being overridden?

Demo: 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;
}

Any ideas how to make only part of text line-through without adding an extra element, like <span> ?

Answer 1

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