html – 无法通过嵌套元素取消直线操作

我想对< 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; }

解决方法

你必须将文本包装成跨度,然后应用text-decoration：line-through到： http://jsfiddle.net/9qbsq/1/

这样,当父元素应用了直线操作时,您不必完成在子元素上删除直通的不可能的任务.

原文地址：https://www.jb51.cc/html/231511.html