為“：before /：after”偽類重寫“text-decoration：line-through”

Question

你知道為什么line-through文本裝飾:before沒有被覆蓋？

演示： 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屬性中