Ajax Loader
×

Untitled

HTML
<table>
1
<table>
2
  <tbody>
3
    <tr>
4
      <td>a</td>
5
      <td></td>
6
      <td></td>
7
    </tr>
8
    <tr>
9
      <td>b</td>
10
      <td></td>
11
      <td></td>
12
    </tr>
13
    <tr>
14
      <td>c</td>
15
      <td></td>
16
      <td></td>
17
    </tr>
18
 
19
    <tr>
20
      <td>a</td>
21
      <td></td>
22
      <td></td>
23
    </tr>
24
    <tr>
25
      <td>b</td>
26
      <td></td>
27
      <td></td>
28
    </tr>
29
    <tr>
30
      <td>c</td>
31
      <td></td>
32
      <td></td>
33
    </tr>
34
    <tr>
35
      <td>a</td>
36
      <td></td>
37
      <td></td>
38
    </tr>
39
    <tr>
40
      <td>b</td>
41
      <td></td>
42
      <td></td>
43
    </tr>
44
    <tr>
45
      <td>c</td>
46
      <td></td>
47
      <td></td>
48
    </tr>
49
  </tbody>
50
</table>
 
CSS
td {
1
td {
2
  border: 1px solid;
3
  min-width: 5em;
4
}
5
 
6
tr:nth-child(8n+1),
7
tr:nth-child(8n+2),
8
tr:nth-child(8n+3),
9
tr:nth-child(8n+4) {
10
  background: orange;
11
}
 

Untitled

CSSDeck G+