「CSS」nth-childで指定した行にCSSを適用する方法

構文
:nth-child ( 数値 )
CSSコード

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

htmlコード

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<table>
<tr><td>会見 111111</td></tr>
<tr><td>会見 22222</td></tr>
<tr><td>会見 33333</td></tr>
<tr><td>会見 4444</td></tr>
</table>
<table> <tr><td>会見 111111</td></tr> <tr><td>会見 22222</td></tr> <tr><td>会見 33333</td></tr> <tr><td>会見 4444</td></tr> </table>
<table>
      <tr><td>会見 111111</td></tr>
      <tr><td>会見 22222</td></tr>
      <tr><td>会見 33333</td></tr>
      <tr><td>会見 4444</td></tr>
</table>

 

CSS

Posted by arkgame