Html 嵌套跨距上未禁用CSS行通过

CSS:

HTML:

ol {
    margin: 0 30px;
}
    li {
        margin: 15px 0;
    }
    li.done {
        text-decoration: line-through;
    }
    li.done span {
        text-decoration: none;
        background: #ff0;
    }

你好，世界
世界

JSFIDLE演示：。在JSFIDLE上有一些奇怪的东西，有序列表的编号没有显示出来

我的要求是：“世界”这个词不应该在上面划过

<ol>
    <li class="done">Hello <span>World</span></li>
    <li>World</li>
</ol>

---

原因：未知

这很奇怪。它是跨浏览器的。铬，FF，IE9。关于JSFIDLE的“古怪”：如果取消选中规范化CSS，它们将出现。检查它会激活重置CSS。和@bažmegakapa&BoltClock的可能副本谢谢你们提供的信息。我在上面的评论中链接到的两个副本中说明了原因。您无法撤消父对象在其子对象中的文本装饰。

li.done span {
    text-decoration: none;
    background: #ff0;
    display: inline-block; /* This solved the problem.*/
}