Qiita
CSS

Qiitaの投稿ではtdタグにborder-topの装飾が付かない

theadtbodyを使わない場合

ここはthです ここはtdです
<table>
    <tr>
        <th>ここはthです</th>
        <td>ここはtdです</td>
    </tr>
</table>
  • F12で見るとtdborder-topが装飾されていない

tdtbodyに入れた場合

ここはthです ここはtdです
<table>
    <tr>
        <tbody>
            <th>ここはthです</th>
            <td>ここはtdです</td>
        </tbody>
    </tr>
</table>
  • F12で見ると先ほどと同じようにtdborder-topが装飾されていない

tdtheadに入れた場合

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