third_party/WebKit/LayoutTests/fast/css/nth-last-child-recalc.html

   1 <!doctype html>
   2 <html>
   3 <style>
   4 a {
   5     float: left;
   6     background-color: green;
   7     width: 100px;
   8     height: 100px;
   9     margin: 0 13px 13px 0;
  10 }
  11 a:nth-child(3n+3) {
  12     margin-right: 0;
  13 }
  14 a:nth-last-child(-n+3) {
  15     margin-bottom: 30px;
  16 }
  17 div {
  18     width: 370px;
  19 }
  20 </style>
  21 <script>
  22 onload = function () {
  23     test.focus();
  24     test.blur();
  25 }
  26 </script>
  27 <body>
  28 <p>This tests that we get nth-child and nth-last-child correct on style recalc. There should be 2 identical rows of green boxes below.</p>
  29 <div>
  30 <a id="test" href=""></a>
  31 <a></a>
  32 <a></a>
  33 <a></a>
  34 <a></a>
  35 <a></a>
  36 </div>