2010-12-31 13 views
1

HTML5が入ってからこの質問に関する変更はありますかConditional alternative table row styles?ここでHTML5の条件付き代替表の行スタイル

は、元の質問のコピーです:

は、代替タグのクラスを定義せずに別のテーブルの行のスタイルを設定することが可能ですか?

次の表で、CSSは代替の行スタイルに「行1 /行2」というクラスを指定する必要はありませんか? row1はデフォルトにすることができるので、row2が問題になります。

<style> 
    .altTable td { } 
    .altTable .row2 td { background-color: #EEE; } 
    </style> 

    <table class="altTable"> 
    <thead><tr><td></td></tr></thead> 
    <tbody> 
    <tr><td></td></tr> 
    <tr class="row2"><td></td></tr> 
    <tr><td></td></tr> 
    <tr class="row2"><td></td></tr> 
    </tbody> 
    </table> 

答えて

5

CSS3はtrタグの "nth-child"プロパティをサポートしています。次のようなものは動作するはずです:あなたの元の投稿へ

tr:nth-child(odd) { background-color: white; } 
tr:nth-child(even) { background-color: green; } 
+0

リンクされた質問では、IEの下では機能しません。 – Budda

+0

ありがとうございます。知っていることはとても素晴らしい。 –

0

ヤコブRのsolutionはまだ適用されます。

+0

しかし、著者はこう言った: "IEで動作しない" ..?それは大丈夫ですか? – Budda

+0

それはまだ悲しいことに、IEで動作しません。 IEの場合は、交互のクラスを続行するか、JSを使用してストライピングを追加する必要があります。 – borkweb