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

前端之家收集整理的这篇文章主要介绍了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/

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

猜你在找的HTML相关文章