third_party/WebKit/LayoutTests/css3/selectors3/xhtml/css3-modsel-74.xml

   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[.red { background-color : red }
   6 ul > li:not(:nth-last-child(odd)) { background-color : lime }
   7 ol > li:not(:nth-last-child(even)) { background-color : lime }
   8 table.t1 tr:not(:nth-last-child(-n+4)) { background-color : lime }
   9 table.t2 td:not(:nth-last-child(3n+1)) { background-color : lime }
  10 table.t1 td, table.t2 td { border : thin black solid }
  11 ]]></style>
  12   <link rel="first" href="css3-modsel-1.xml" title="Groups of selectors"/>
  13   <link rel="prev" href="css3-modsel-73b.xml" title="NEGATED :nth-child() pseudo-class"/>
  14   <link rel="next" href="css3-modsel-74b.xml" title="NEGATED :nth-last-child() pseudo-class"/>
  15   <link rel="last" href="css3-modsel-d4.xml" title="Dynamic updating of :first-child and :last-child"/>
  16   <link rel="up" href="./index.html"/>
  17   <link rel="top" href="../../index.html"/>
  18  </head>
  19  <body>
  20 <ul>
  21   <li class="red">This first list item should have a green background</li>
  22   <li>Second list item</li>
  23   <li class="red">This third list item should have a green background</li>
  24   <li>Fourth list item</li>
  25   <li class="red">This fifth list item should have a green background</li>
  26   <li>Sixth list item</li>
  27 </ul>
  28 <ol>
  29   <li>First list item</li>
  30   <li class="red">This second list item should have a green background</li>
  31   <li>Third list item</li>
  32   <li class="red">This fourth list item should have a green background</li>
  33   <li>Fifth list item</li>
  34   <li class="red">This sixth list item should have a green background</li>
  35 </ol>
  36 <div>
  37 <table border="1" class="t1">
  38   <tr class="red">
  39 <td>Green row : 1.1</td>
  40 <td>1.2</td>
  41      <td>1.3</td>
  42 </tr>
  43   <tr class="red">
  44 <td>Green row : 2.1</td>
  45 <td>2.2</td>
  46      <td>2.3</td>
  47 </tr>
  48   <tr>
  49 <td>3.1</td>
  50 <td>3.2</td>
  51      <td>3.3</td>
  52 </tr>
  53   <tr>
  54 <td>4.1</td>
  55 <td>4.2</td>
  56       <td>4.3</td>
  57 </tr>
  58   <tr>
  59 <td>5.1</td>
  60 <td>5.2</td>
  61       <td>5.3</td>
  62 </tr>
  63   <tr>
  64 <td>6.1</td>
  65 <td>6.2</td>
  66       <td>6.3</td>
  67 </tr>
  68 </table>
  69 <p></p>
  70 <table class="t2" border="1">
  71   <tr>
  72 <td class="red">green cell</td>
  73 <td>1.2</td>
  74 <td class="red">green cell</td>
  75       <td class="red">green cell</td>
  76 <td>1.5</td>
  77 <td class="red">green cell</td>
  78       <td class="red">green cell</td>
  79 <td>1.8</td>
  80 </tr>
  81   <tr>
  82 <td class="red">green cell</td>
  83 <td>2.2</td>
  84 <td class="red">green cell</td>
  85       <td class="red">green cell</td>
  86 <td>2.5</td>
  87 <td class="red">green cell</td>
  88       <td class="red">green cell</td>
  89 <td>2.8</td>
  90 </tr>
  91   <tr>
  92 <td class="red">green cell</td>
  93 <td>3.2</td>
  94 <td class="red">green cell</td>
  95       <td class="red">green cell</td>
  96 <td>3.5</td>
  97 <td class="red">green cell</td>
  98       <td class="red">green cell</td>
  99 <td>3.8</td>
 100 </tr>
 101 </table>
 102 </div>
 103 </body>
 104 </html>