如何让 CSS 文本装饰覆盖起作用？

有些日子我发誓我要疯了。这是那些日子之一。我认为我的 CSS 在这里相当简单，但它似乎不起作用。我缺少什么？

我的 CSS 看起来像这样：

ul > li {
    text-decoration: none;
}
ul > li.u {
    text-decoration: underline;
}
ul > li > ul > li {
    text-decoration: none;
}
ul > li > ul > li.u {
    text-decoration: underline;
}

我的 HTML 看起来像这样：

<ul>
  <li>Should not be underlined</li>
  <li class="u">Should be underlined
    <ul>
      <li>Should not be underlined</li>
      <li class="u">Should be underlined</li>
    </ul>
  </li>
</ul>

然而它却是这样的：

text-decoration与其他字体/文本相关的样式的行为不同，例如font-weight。正在申请text-decoration也会影响所有嵌套元素。

看一下这个：http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration

摘抄：

内联框中的文本装饰是 绘制在整个元素上， 跨越任何后代元素而不 关注他们的 在场。 “文字装饰” 后代元素的属性不能 对装修有没有影响 元素
。 。 。 。
一些用户代理 已经实现了文本装饰 将装饰传播到 后代元素而不是 简单地画出装饰 如上所述的元素。这 可以说是被宽松者允许的 CSS2 中的措辞。

我从以下地方得到信息：http://csscreator.com/node/14951 http://csscreator.com/node/14951