HTML行のスタイル、n番目の子

Question

<tr style=....... 

誰も私を助けることができますか？

Answer 1

、私はよくあなたの質問を理解していないと思うが、私はそれを正しくinterpretate場合、私はそうのようにそれを作ることができます：

tr:nth-child(2) { 
 
    background-color: blue; 
 
} 
 
tr:nth-child(4) { 
 
    background-color: black; 
 
} 
 
tr:nth-child(6) { 
 
    background-color: brown; 
 
} 
 
tr:nth-child(8) { 
 
    background-color: green; 
 
} 
 
tr:nth-child(10) { 
 
    background-color: pink; 
 
}

<table class="table"> 
 
    <tr> 
 
    <td>Text..</td> 
 
    </tr> 
 
    <tr> 
 
    <td> 
 
     Text.. 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td> 
 
     Text.. 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td> 
 
     Text.. 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td> 
 
     Text.. 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td> 
 
     Text.. 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td> 
 
     Text.. 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td> 
 
     Text.. 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td> 
 
     Text.. 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td> 
 
     Text.. 
 
    </td> 
 
    </tr> 
 
</table>

また、あなたのHTMLとCSSをすることによって検証されていることを確認しW3C、あなたにはいくつかの問題があり、またTR> TR：nth ... ??なぜなら、tablerow内のtablerowはW3Cで検証されたガイドラインではないからです。ここでコードを確認してください：https://validator.w3.org/#validate_by_input

テーブルを使用するのはCSSのデフォルトタグなので、テーブルのクラステーブルは必要ありません。あなたのCSSが動作していない

Answer 2

な理由は以下のとおりです。

1. あなたのCSSは別のtrタグの内側にtrタグを見つけようとしているので、代わりにtr tr:nth-childを書いて、あなたはtr:nth-childを記述する必要があります。
2. 16進コード#E6E6E6"の後に二重引用符があります。

は、残念ながらそれはstyle属性で:nth-childセレクタを置くことは不可能だが、代わりにこれを試してみてください。

tr:nth-child(even) { 
 
    background-color: #E6E6E6; 
 
}

<table> 
 
    <tr> 
 
    <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Nam at nunc gravida, commodo eros vel, ultrices metus.</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Etiam eleifend porttitor pulvinar.</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Cras cursus ut erat convallis porttitor.</td> 
 
    </tr> 
 
</table>

Answer 3

これは動作しません

TR TR：n番目-child（even）{背景色：＃E6E6E6 ";}

背景色に二重引用符が付いているので、引用符は必要ありません。

デフォルトのCSSスタイルです。この

table tr:nth-child(even){ 
 
    background-color: #E6E6E6; 
 
}

<table width="100%" border="1"> 
 
    <tr> 
 
    <td>VIOLA</td> 
 
    </tr> 
 
    <tr> 
 
    <td>VIOLA</td> 
 
    </tr> 
 
    <tr> 
 
    <td>VIOLA</td> 
 
    </tr> 
 
    <tr> 
 
    <td>VIOLA</td> 
 
    </tr> 
 
    <tr> 
 
    <td>VIOLA</td> 
 
    </tr> 
 
    <tr> 
 
    <td>VIOLA</td> 
 
    </tr> 
 
    <tr> 
 
    <td>VIOLA</td> 
 
    </tr> 
 
</table>