Qiita
CSS
1512628736@k-shimoji

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

QiitaCSS
More than 1 year has passed since last update.

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