「CSS」nth-child(2n)で偶数の行にCSSを適用する方法

書式
:nth-child(2n)
:nth-child(even)
CSSコード

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
table{border:1px solid #000000;}
tr:nth-child(2n) {
background-color: green;
}
table{border:1px solid #000000;} tr:nth-child(2n) { background-color: green; }
table{border:1px solid #000000;}
tr:nth-child(2n)  {
    background-color: green;
}

htmlコード

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<table>
<tr><td>最優先の課題AAAA</td></tr>
<tr><td>最優先の課題2222</td></tr>
<tr><td>最優先の課題 3333</td></tr>
<tr><td>data 4444</td></tr>
</table>
<table> <tr><td>最優先の課題AAAA</td></tr> <tr><td>最優先の課題2222</td></tr> <tr><td>最優先の課題 3333</td></tr> <tr><td>data 4444</td></tr> </table>
<table>
      <tr><td>最優先の課題AAAA</td></tr>
      <tr><td>最優先の課題2222</td></tr>
      <tr><td>最優先の課題 3333</td></tr>
      <tr><td>data 4444</td></tr>
</table>

 

CSS

Posted by arkgame