最初の表の列を太字（CSS）に設定する方法

Question

CSSに少し錆びます。

問題1：以下の例の表を作成しようとしています。最初の列だけを常に太字にしたい。誰も私が最初の子供の議論を働かせるのを助けることができますか？ ステータス：Solved ...私は行と列が混在していた...私の注意を引いたかなり愚かなエラー。 - ありがとうOvokuro

問題2：コードを修正しました（スニペットで）が、IEやChromeでは動作しません。なぜ誰に言えますか？私にはうまく見えますが、オンラインシムでは動作しますが、htmlドキュメントに保存しても動作しません。最初の列は太字で表示されません。列幅がオフです。

PS：行がプログラマティックに作成されるため、ドキュメントに沿ってタグにスタイルを追加できません。

コードをシンプルにしてください。

table { 
 
    font-size: 16px; 
 
    font-family: Optimum, Helvetica, sans-serif; 
 
    border-collapse:collapse 
 
} 
 
tr { 
 
    border-bottom: 1px solid #A9A9A9; 
 
} 
 
td { 
 
    padding: 4px; 
 
    margin: 3px; 
 
    padding-left: 20px; 
 
    width: 75%; 
 
    text-align: justify; 
 
} 
 

 
th { 
 
    background-color: #A9A9A9; 
 
    color: #FFF; 
 
    font-weight: bold; 
 
    font-size: 28px; 
 
    text-align: center; 
 
} 
 

 
td:first-child { 
 
    font-weight: bold; 
 
    width: 25%; 
 
    text-align: left; 
 
}

<table class="table"> 
 
    <thead> 
 
    <tr class="firstrow"> 
 
     <th colspan="2">Sample</th> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
<tr><td>Line 1</td><td>Text</td></tr><tr><td>Line 2</td><td>Text</td></tr></tbody></table>

Answer 1

おそらくBrownser互換性に問題があります。 Chromeで問題なく動作しています。

Answer 2

ターゲットtd:first-childの代わりに、またtr:first-child

は、CSS宣言は;で終了しています。 <br>要素は、テキストに改行を入れるためにHTMLで使用されます。

tdは常にtrの子になるので、この場合はtr td:first-childを宣言する必要はありません。同様にtrはtableの子であるため、tableのいずれも必要ありません。

table { 
 
    font-size: 12px; 
 
    border: 1px solid #CCC; 
 
    font-family: Arial, Helvetica, sans-serif; 
 
} 
 

 
td { 
 
    padding: 4px; 
 
    margin: 3px; 
 
    border: 1px solid #CCC; 
 
} 
 

 
th { 
 
    background-color: #104E8B; 
 
    color: #FFF; 
 
    font-weight: bold; 
 
} 
 

 
td:first-child { 
 
    font-weight: bold 
 
}

<table class="table"> 
 
    <thead> 
 
    <tr class="firstrow"> 
 
     <th colspan="2">Sample Table</th> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
    <tr> 
 
     <td>1st Column </td> 
 
     <td>Text</td> 
 
    </tr> 
 
    </tbody> 
 
</table>

Answer 3

シンプル。それを行うには多くの方法があります。 1つの方法は、タグにダイレクトスタイルを適用することです。 <td>タグにstyle=""プロパティを開いていることを意味します。次のようになります：<td style="font-weight: bold">