css3-modsel-74b.xml (2768B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>NEGATED :nth-last-child() pseudo-class</title> 5 <style type="text/css"><![CDATA[.green { background-color : lime ! important; } 6 ul > li:not(:nth-last-child(odd)) { background-color : red } 7 ol > li:not(:nth-last-child(even)) { background-color : red } 8 table.t1 tr:not(:nth-last-child(-n+4)) { background-color : red } 9 table.t2 td:not(:nth-last-child(3n+1)) { background-color : red } 10 table.t1 td, table.t2 td { border : thin black solid } 11 ]]></style> 12 <link rel="author" title="Daniel Glazman" href="http://glazman.org/"/> 13 <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> 14 <link rel="help" href="https://www.w3.org/TR/css3-selectors/#selectors"/> <!-- bogus link to make sure it gets found --> 15 </head> 16 <body> 17 <ul> 18 <li class="green">This first list item should have a green background</li> 19 <li>Second list item</li> 20 <li class="green">This third list item should have a green background</li> 21 <li>Fourth list item</li> 22 <li class="green">This fifth list item should have a green background</li> 23 <li>Sixth list item</li> 24 </ul> 25 <ol> 26 <li>First list item</li> 27 <li class="green">This second list item should have a green background</li> 28 <li>Third list item</li> 29 <li class="green">This fourth list item should have a green background</li> 30 <li>Fifth list item</li> 31 <li class="green">This sixth list item should have a green background</li> 32 </ol> 33 <div> 34 <table border="1" class="t1"> 35 <tr class="green"> 36 <td>Green row : 1.1</td> 37 <td>1.2</td> 38 <td>1.3</td> 39 </tr> 40 <tr class="green"> 41 <td>Green row : 2.1</td> 42 <td>2.2</td> 43 <td>2.3</td> 44 </tr> 45 <tr> 46 <td>3.1</td> 47 <td>3.2</td> 48 <td>3.3</td> 49 </tr> 50 <tr> 51 <td>4.1</td> 52 <td>4.2</td> 53 <td>4.3</td> 54 </tr> 55 <tr> 56 <td>5.1</td> 57 <td>5.2</td> 58 <td>5.3</td> 59 </tr> 60 <tr> 61 <td>6.1</td> 62 <td>6.2</td> 63 <td>6.3</td> 64 </tr> 65 </table> 66 <p></p> 67 <table class="t2" border="1"> 68 <tr> 69 <td class="green">green cell</td> 70 <td>1.2</td> 71 <td class="green">green cell</td> 72 <td class="green">green cell</td> 73 <td>1.5</td> 74 <td class="green">green cell</td> 75 <td class="green">green cell</td> 76 <td>1.8</td> 77 </tr> 78 <tr> 79 <td class="green">green cell</td> 80 <td>2.2</td> 81 <td class="green">green cell</td> 82 <td class="green">green cell</td> 83 <td>2.5</td> 84 <td class="green">green cell</td> 85 <td class="green">green cell</td> 86 <td>2.8</td> 87 </tr> 88 <tr> 89 <td class="green">green cell</td> 90 <td>3.2</td> 91 <td class="green">green cell</td> 92 <td class="green">green cell</td> 93 <td>3.5</td> 94 <td class="green">green cell</td> 95 <td class="green">green cell</td> 96 <td>3.8</td> 97 </tr> 98 </table> 99 </div> 100 </body> 101 </html>