colgroupのスタイルが機能しない

次のcolgroupは正しく動作しません。colgroupのスタイルが機能しない

<colgroup class="" style="background-color:#FF0000;"></colgroup>

このjsfiddleをご覧ください。 colgroup上の私のスタイルは動作しません。ここで

出典

2012-01-24 user960567

使用します。 colgroupの色をオーバーライドします。 – user960567

はCOLGROUPの例である：

<html> <body> 

<table width="100%" border="1"> <colgroup style="background-color:#22FF22;"></colgroup> <colgroup style="background-color:#888888;"></colgroup> <colgroup style="background-color:#FF0000;"></colgroup> 

    <tr> 
    <th>A</th> 
    <th>B</th> 
    <th>C</th> 
    </tr> 
    <tr> 
    <td>D</td> 
    <td>E</td> 
    <td>F</td> 
</tr> 
<tr> 
    <td>G</td> 
    <td>H</td> 
    <td>I</td> 
</tr> 
</table> 

</body> </html>

あなたのコードがショーたち適切repyために多くのコードビット異なる場合..あなたはcolgroupに設定することができます

出典

2012-01-24 08:36:59

ありがとうございます。私のコメントを参照してください – user960567

ほとんどのプロパティはありませんテーブルセルは、定義によって、tr要素（行）から継承され、列または列グループ（継承が存在する限り）では継承されないため、効果があります。

CSSでは、セル要素に直接プロパティを設定します。例えば、唯一tdマークアップセルのために使用されると仮定すると、最初の2つの列の背景色を設定し、私は、TDは、色を含むことがわかっ

td:first-child, td:first-child + td { 
    background: #f00; 
    color: #fff; 
}

出典

2012-01-24 08:48:57

これは、要素がこのスタイルを持っている場合、colgroupスタイルを使用することができないことを意味します。ありがとう – user960567

colgroupのスタイルが機能しない

答えて

関連する問題