相关疑难解决方法(0)

有些日子我发誓我会发疯.这是其中一天.我认为我的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>

然而它出现了这样的:

我想对标签内的<td>标签除了标签之外的<a>标签内容应用直通.我申请的风格似乎不起作用......任何想法？

这是一个可以玩的例子(我在IE8中测试): http ://jsfiddle.net/9qbsq/

这是标记的样子......

HTML

<table border=1>
  <tr class="highlight">
      <td>hello</td>
      <td><a href="#">world</a></td>
  </tr>
  <tr>
      <td>foo</td>
      <td>bar</td>
  </tr>
</table>

CSS

.highlight td { text-decoration:line-through; }
.highlight td a { text-decoration:none; }

基本上我有一个span在里面p,在CSSI上有p下划线,但我似乎无法删除下划线span,你会在下面找到一些代码示例:

p{text-decoration:underline;} span{text-decoration:none;}

<p>Hello World <span> I'm spanning... </span> </p>

所有文字都有下划线.你能帮我个忙吗？