lang/css

CSS odd & even rules

C/H 2010. 8. 11. 08:30

Web Style Sheets
CSS tips & tricks

col:first-child {background: #FF0} 
col:nth-child(2n+3) {background: #CCC}
<table>
<col><col><col><col><col><col><col><col><col><col>
<tr>
  <th>Month</th>
  <th>'94</th>
  <th>'95</th>
  <th>'96</th>
  <th>'97</th>
  <th>'98</th>
  <th>'99</th>
  <th>'00</th>
  <th>'01</th>
  <th>'02</th>
  <th>'03</th>
</tr>
<tr>
  <td>Jan</td>
  <td>14</td>
  <td>13</td>
  <td>14</td>
  <td>13</td>
  <td>14</td>
  <td>11</td>
  <td>11</td>
  <td>11</td>
  <td>11</td>
</tr>
</table>

tr:nth-child(even) {background: #CCC}
tr:nth-child(odd) {background: #FFF}



IE는 아직 안된다는... :(


반응형

'lang > css' 카테고리의 다른 글

Div, Text 중앙, 가운데 정렬  (0) 2015.04.10
css hack  (0) 2014.03.04
네비게이션 링크  (0) 2009.04.24
웹 표준 경진대회 & CSS PLAYGROUND  (0) 2009.03.16
css에서 자바스크립트를 사용할수 있는 옵션  (1) 2006.09.22