html - td 内のスパンは td スタイルをオーバーライドしません

Question

の中にspanタグがありtdます。には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

子孫要素の 'text-decoration' プロパティは、先祖の装飾に影響を与えることはできません。