html - td 内的跨度不会覆盖 td 样式

Question

我在 td 中有一个 span 标签。 td 有一个带有 CSS 的类，用于将 text-decoration 设置为 underline，而 span 设置 text-decoration 到 none。我希望 span 中的文本不带下划线，但出于某种原因它是。为什么？

.u {
    text-decoration: underline;
}

.no-u {
    text-decoration: none !important;
}

<table>
    <tr>
        <td class="u">
            <span class="no-u" style="text-decoration: none !important;">My Text</span>
        </td>
    </tr>
</table>

Answer 1

无法删除后代的下划线样式。

http://www.w3.org/TR/CSS21/text.html#lining-striking-props

The 'text-decoration' property on descendant elements cannot have any effect on the decoration of the ancestor.