CSS 3 Module <== Test # ==>
W3C Selectors 76 of 139 of the static tests category
Testing Date Revision
NEGATED :nth-last-child() pseudo-class (ID #74b) 12-november-2001 1.1
  1. First list item
  2. This second list item should have a green background
  3. Third list item
  4. This fourth list item should have a green background
  5. Fifth list item
  6. This sixth list item should have a green background
Green row : 1.1 1.2 1.3
Green row : 2.1 2.2 2.3
3.1 3.2 3.3
4.1 4.2 4.3
5.1 5.2 5.3
6.1 6.2 6.3

green cell 1.2 green cell green cell 1.5 green cell green cell 1.8
green cell 2.2 green cell green cell 2.5 green cell green cell 2.8
green cell 3.2 green cell green cell 3.5 green cell green cell 3.8
.green { background-color : lime ! important; }
ul > li:not(:nth-last-child(odd)) { background-color : red }
ol > li:not(:nth-last-child(even)) { background-color : red }
table.t1 tr:not(:nth-last-child(-n+4)) { background-color : red }
table.t2 td:not(:nth-last-child(3n+1)) { background-color : red }
table.t1 td, table.t2 td { border : thin black solid }
<ul>
  <li class="green">This first list item should have a green background</li>
  <li>Second list item</li>
  <li class="green">This third list item should have a green background</li>
  <li>Fourth list item</li>
  <li class="green">This fifth list item should have a green background</li>
  <li>Sixth list item</li>
</ul>
<ol>
  <li>First list item</li>
  <li class="green">This second list item should have a green background</li>
  <li>Third list item</li>
  <li class="green">This fourth list item should have a green background</li>
  <li>Fifth list item</li>
  <li class="green">This sixth list item should have a green background</li>
</ol>
<div align="center">
<table border="1" class="t1">
  <tr class="green">
<td>Green row : 1.1</td>
<td>1.2</td>
     <td>1.3</td>
</tr>
  <tr class="green">
<td>Green row : 2.1</td>
<td>2.2</td>
     <td>2.3</td>
</tr>
  <tr>
<td>3.1</td>
<td>3.2</td>
     <td>3.3</td>
</tr>
  <tr>
<td>4.1</td>
<td>4.2</td>
      <td>4.3</td>
</tr>
  <tr>
<td>5.1</td>
<td>5.2</td>
      <td>5.3</td>
</tr>
  <tr>
<td>6.1</td>
<td>6.2</td>
      <td>6.3</td>
</tr>
</table>
<p></p>
<table class="t2" border="1">
  <tr>
<td class="green">green cell</td>
<td>1.2</td>
<td class="green">green cell</td>
      <td class="green">green cell</td>
<td>1.5</td>
<td class="green">green cell</td>
      <td class="green">green cell</td>
<td>1.8</td>
</tr>
  <tr>
<td class="green">green cell</td>
<td>2.2</td>
<td class="green">green cell</td>
      <td class="green">green cell</td>
<td>2.5</td>
<td class="green">green cell</td>
      <td class="green">green cell</td>
<td>2.8</td>
</tr>
  <tr>
<td class="green">green cell</td>
<td>3.2</td>
<td class="green">green cell</td>
      <td class="green">green cell</td>
<td>3.5</td>
<td class="green">green cell</td>
      <td class="green">green cell</td>
<td>3.8</td>
</tr>
</table>
</div>