css – 为什么TR不采取风格？

CSS table tr {border-bottom:1px solid #008999} HTML <table width="100%" cellspacing="0" cel

...CSS

table tr {border-bottom:1px solid #008999}

HTML

<table width="100%" cellspacing="0" cellpadding="0">   <thead>      <tr>         <th scope="col">one</th>         <th scope="col">two</th>         <th scope="col">three</th>      </tr>   </thead>   <tbody>      <tr>         <th scope="row">Hello</th>         <td>&nbsp;</td>         <td>&nbsp;</td>      </tr>   </tbody></table>

.

解决方法

. 加：

table{    border-collapse: collapse;}

否则tr creates no single block。

简单示例：

table{  border: 5px solid #900;  background: #fff;}tr{  border: 5px solid #090;}td{  background: #ccc;  padding: 5px 0;}table + table{  border-collapse: collapse;}

<table>  <tr>    <td>def</td>    <td>ault</td>  </tr></table><table>  <tr>    <td>coll</td>    <td>apse</td>  </tr></table>

. ..