大家帮忙看一下，这两种简单的写法为什么一个有效，一个无效
0
悬赏园豆：5
[已解决问题]
解决于 2010-01-10 10:23
<h1 id="subject_tpc">大家帮忙看一下，这两种简单的写法为什么一个有效，一个无效</h1>
<div class="tpc_content">
<div id="read_tpc" class="f14"><html> <br /><head> <br /><title>test 表格无边框,有内框! ^^ CSDN 学习积累</title> <br /><style type="text/css"> <br />#table {border:none;width:100%;} <br />#table td {border-bottom:1px solid #000;border-right:1px solid #000;} <br />#table td.two {border-right:none;} <span style="color: #ff0000;">这里为什么换成.two {border-right:none;} .thr {border-bottom:none;}就无效了。 为什么呢？？？？？？？？<br /></span><br />#table td.thr {border-bottom:none;} <br /></style> <br /></head> <br /><body> <br /><table id="table" cellpadding="0" cellspacing="0"> <br /> <br /> <tr> <br /> <td> </td> <br /> <td> </td> <br /> <td> </td> <br /> <td> </td> <br /> <td> </td> <br /> <td> </td> <br /> <td> </td> <br /> <td class="two"> </td> <br /> </tr> <br /> <tr> <br /> <td> </td> <br /> <td> </td> <br /> <td> </td> <br /> <td> </td> <br /> <td> </td> <br /> <td> </td> <br /> <td> </td> <br /> <td class="two"> </td> <br /> </tr> <br /> <tr> <br /> <td class="thr"> </td> <br /> <td class="thr"> </td> <br /> <td class="thr"> </td> <br /> <td class="thr"> </td> <br /> <td class="thr"> </td> <br /> <td class="thr"> </td> <br /> <td class="thr"> </td> <br /> <td class="thr two"> </td> <br /> </tr> <br /></table> <br /></body> <br /></html> </div>
</div>
最佳答案
0
因为.two的优先级比#table td来得低，所以哪怕.two写在后面，也无法覆盖#table td，导致失效
收获园豆：4
其他回答(1)
0
#table td.two {border-right:none;} 是对的表格中的单元格应用的样式， 不用class引用就能应用样式。
而.two {border-right:none;} 只是定义了一个名为 two的样式，需要在应用的元素上用class='two'引用才行。
收获园豆：1
