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

概述我想对< td>的内容应用直通法.标签除了< a>标签内的标签.我申请的样式似乎不起作用……任何想法？ 这是一个可以玩的例子(我在IE8中测试)： http://jsfiddle.net/9qbsq/ 这是标记的样子…… HTML <table border=1> <tr class="highlight"> <td>hello</td> <td><a href="#" 我想对< td>的内容应用直通法.标签除了< a>标签内的标签.我申请的样式似乎不起作用……任何想法？

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

这是标记的样子……

HTML

<table border=1>  <tr >      <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 – 无法通过嵌套元素取消直线 *** 作全部内容，希望文章能够帮你解决html – 无法通过嵌套元素取消直线 *** 作所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。