考虑下面的代码HTML:
<span class='c1'>Home<sup id='id1'>[2]</sup></span>
CSS:
.c1
{
text-decoration:underline;
}
#id1
{
text-decoration:none !important;
}
现在我期望Home有下划线而有上标[2]没有下划线。但碰巧上标也有下划线。我在这里缺少什么？
http://jsfiddle.net/sasidhar/DTpEa/
如果你仔细想想，sup没有下划线。但是span还是。自从sup是在里面span，您会看到下划线，它看起来是sup的下划线。
考虑这个演示：http://jsfiddle.net/mrchief/DTpEa/24/
你会看到id1css 确实优先，但您仍然可以看到下划线，即span.
为了解决这个问题，有sup之外的span:
<span class='c1'>Home</span><sup id='id1'>[2]</sup>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
