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に当てるべきところを間違えた?