third_party/WebKit/LayoutTests/fast/selectors/cousin-stylesharing-adjacent-selector.html

   1 <!doctype html>
   2 <html lang="en">
   3 <head>
   4 <meta charset="utf-8">
   5 <title>Bug #105672 - direct adjcent</title>
   6 <meta name="viewport" content="width=device-width">
   7 <style type="text/css">
   8
   9
  10 table {
  11         font-size: 1em;
  12         border-collapse: collapse;
  13         border: 1px solid #777;
  14         margin: 1em 5%;
  15 }
  16 th, td {
  17         border: 1px solid #777;
  18 }
  19
  20 td:first-child+td+td { color: red;  background: yellow;}
  21 </style>
  22
  23
  24 </head>
  25
  26 <body>
  27
  28 <table>
  29 <tbody>
  30         <tr><td>cell</td><td>other cell</td><td>more cell</td></tr>
  31         <tr><td>cell</td><td>cell other</td><td>more cell</td></tr>
  32         <tr><td>cell</td><td>other cell</td><td>more cell</td></tr>
  33         <tr><td>cell</td><td>other cell</td><td>more cell</td></tr>
  34 </tbody>
  35 </table>
  36
  37 <table>
  38 <tbody>
  39         <tr>
  40                 <td>cell</td><td>other cell</td><td>more cell</td></tr>
  41         <tr>
  42                 <td>cell</td><td>cell other</td><td>more cell</td></tr>
  43         <tr>
  44                 <td>cell</td>
  45                 <td>other cell</td><td>more cell</td></tr>
  46         <tr>
  47                 <td>cell</td><td>other cell</td><td>more cell</td></tr>
  48 </tbody>
  49 </table>
  50
  51 </body>
  52 </html>