段落中的浮动范围忽略了段落的一些样式

Question

我试图弄清楚为什么在浮动一个跨度后，其内容不再继承其父级的某些样式，以及如何使其完成。

＆＃13;

＆＃13;

p {
  text-decoration: line-through;
  color: green;
}
span {
  float: left;
  height:2em;
}

＆＃13;

<p><span>Lorem ipsum </span> dolor sit amet...</p>

＆＃13;

＆＃13;

＆＃13;

p的颜色转移得很好，但文字装饰没有。我知道我可以将文字装饰添加到span的风格中，但我想知道是否有另一种方式*。

• 实际上通过javascript有条理地应用或删除了直通，我宁愿避免使用额外的行来切换跨度以及p的效果。