我想对< 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/
这样,当父元素应用了直线操作时,您不必完成在子元素上删除直通的不可能的任务.