Html 无法选择<；TR>；

我想使用css来更改

内容的属性，比如给它一个红色边框。但是，执行以下代码不适用于

，但适用于

。出什么事了吗

CSS:

#leaderboard tr {
border: 1px red solid;
}

.leaderboard {
border: 1px red solid;
}

<table id="leaderboard">
    <tr class="leaderboard"><td>Hello</td></tr>
    <tr class="leaderboard"><td>There!</td></tr>
</table>

HTML:

#leaderboard tr {
border: 1px red solid;
}

.leaderboard {
border: 1px red solid;
}

<table id="leaderboard">
    <tr class="leaderboard"><td>Hello</td></tr>
    <tr class="leaderboard"><td>There!</td></tr>
</table>

你好
那里

Imho无法提供tr边框属性，因为只有单个单元格有边框（在IE中）。 因此，最简单的解决方案是给表格左边框和右边框，以及单元格的上边框和下边框

#leaderboard {
    border: 1px red solid;
}

#leaderboard td {
    border-top: 1px red solid;
    border-bottom: 1px red solid;
}

---

在Chrome和Firefox中。您使用的是符合标准的现代浏览器吗？

据我所知，TR不像其他元素那样占用布局空间。建议您使用嵌套的、分类的div来交换表/tr/td结构，如下所示：

<div id='leaderboard'>
    <div class='leaderboard'>Hello</div>
    <div class='leaderboard'>There</div>
</div>

你好
那里

---

对于

div

s，没有什么不能处理的表，但是相反，有很多

div

s可以处理

table

s不能处理的表。

这在IE8、FF5中起作用

<style type="text/css">
.td{
    border:1px solid red;
    border-top:0;
    height:28px;
   }
</style>

<table width="300px" style="border-top:1px solid red;border-right:1px solid red;" cellpadding="0" cellspacing="0">
    <tr>
        <td class="td" style="width:50px;">head1</td>                           
        <td class="td" style="width:50px;">head2</td>
    </tr>        
    <tr>
        <td class="td">cell1</td>                              
        <td class="td">cell2</td>
    </tr>
</table>

.td{
边框：1px纯红；
边界顶部：0；
高度：28px；
}
标题1
标题2
第1单元
细胞2

IE中的tr通常不尊重边界。这一定是IE的问题。您在firefox上为我编写的代码：这在注释中得到了很好的总结。除了将表格本身设置为左侧和右侧，您还可以在第一个和最后一个单元格上设置一个类，并对其应用适当的边框。排行榜毕竟是表格。@boltclock，是的-但他们的排名不太好是个问题。-1我不确定我是否理解“排名不好”的含义，但有些事情表格最适合，例如包含姓名、分数和日期的排行榜。