thead
とtbody
を使わない場合
ここはthです | ここはtdです |
---|
<table>
<tr>
<th>ここはthです</th>
<td>ここはtdです</td>
</tr>
</table>
- F12で見ると
td
のborder-top
が装飾されていない
td
をtbody
に入れた場合
ここはthです | ここはtdです |
---|
<table>
<tr>
<tbody>
<th>ここはthです</th>
<td>ここはtdです</td>
</tbody>
</tr>
</table>
- F12で見ると先ほどと同じように
td
のborder-top
が装飾されていない
td
をthead
に入れた場合
ここはthです | ここはtdです |
---|
<table>
<tr>
<thead>
<th>ここはthです</th>
<td>ここはtdです</td>
</thead>
</tr>
</table>
- developper toolで
td
を確認してみると.markdownContent thead td
としてborder-top
が装飾されていた
.markdownContent thead td, .markdownContent th {
font-weight: 700;
background-color: #fff;
border-top: solid 1px #d9d9d9;
}
推測
-
.markdownContent thead td
ではなく.markdownContent tbody td
に当てるべきところを間違えた?