Question

我一直在努力寻找一种方法去除TD标签中的文字装饰。我已经使用SPAN CLASS在表格TD标签中将下划线和较小的字体大小应用于文本的一部分。但是当我尝试使用textdecoration删除它时：无论是通过CSS类还是使用SPAN STYLE，它都不起作用。我尝试搜索并找到有关嵌套SPAN标记的一些问题，但我不是在这种情况下嵌套。我在打开新标签之前关闭了第一个span标签。

是否缺乏在一个元素中使用两个SPAN标记的支持（在这种情况下是TD？）还是有其他方法可以实现这一点吗？

JSFiddle：otzfsvy2

WARNING CONTAINS CONTENT NSFW

http://jsfiddle.net/otzfsvy2/

任何帮助，以帮助我理解为什么我不能这样做，以及将采取哪种方式将非常感激。

Answer 1

您在此处遗漏>：<td height='40' width='10'

工作代码应为：

.playlistArtist {
    font-style:italic;
    font-size: 10px;
    text-decoration:underline;
    font-family: Tahoma;
    color: Black;
    vertical-align: middle;
    font-weight: bold;
}
.noDecoration {
    text-decoration: none;
}
.playlist {
    font-family: Tahoma;
    font-size: 14px;
    color: Black;
    vertical-align: middle;
    font-weight: bold;
}

<table class='playlist' width='455' id='queueList' border='1'>
<col width='40'/>
<col width='365'/>
<col width='40'/>
<tr id='plTrTag_0' bgcolor='FFFFFF'>
	<td class='playlist' width='40' height='40'>
		<img width='40' height='40' src='http://lh6.ggpht.com/2iOdoyv7t1GgYw5-dJz9Z0facGcvQmw7-I85xs8_qjyKqFe8AesES_fJfDD-_Hmm21lJQYcUoT4HyITVjt_W2P8'></img>
	</td>
	<td height='40' width='10'>
		<span class='playlistArtist'>Kid Rock</span>
		<br/><span style='text-decoration:none;'>&nbsp;&nbsp;&nbsp;Bawitdabaw</span>
	</td>
	<td class='playlist' align='right' width='70px' height='40px'>
		<span id='plEntryDur0'>[Dur]</span>&nbsp;&nbsp;
	</td>
</tr>

无法删除TD标记内第二个span标记的文本修饰

1 个答案: