Bug Tracker

Ticket #3633: test-case.html

File test-case.html, 2.6 KB (added by dottedt, November 21, 2008 05:08PM UTC)

test case

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
   <head>
      <script src="http://code.jquery.com/jquery-latest.js">
      </script>
      ol:not(:has(ol))
      <script>
         $(document).ready(function(){
             $('ul li:nth-child(4n+1)').append("<span> - 1st!</span>");
             $('ul li:nth-child(4n)').append("<span> - 4th!</span>");
         });
      </script>
      <style>
         div {
             float: left;
         }
         div.clear-float {
             clear:both;
         }
         
         span {
             color: blue;
         }
      </style>
   </head>
   <body>
      <div>
         <ul>
            
            <li>One</li>
            <li>two</li>
            <li>three</li>
            <li>four</li>
            <div class="clear">
            
            <li>One</li>
            <li>two</li>
            <li>three</li>
            <li>four</li>
            </div>
            <div class="clear">
           
            <li>One</li>
            <li>two</li>
            <li>three</li>
            <li>four</li>
            </div>
            <div class="clear">
            
            <li>One</li>
            <li>two</li>
            <li>three</li>
            <li>four</li>
            </div>
            <div class="clear">
           
            <li>One</li>
            <li>two</li>
            <li>three</li>
            <li>four</li>
             </div>
            <div class="clear">
           
            <li>One</li>
            <li>two</li>
            <li>three</li>
            <li>four</li>
             </div>
            <div class="clear">            
            <li>One</li>
            </div>
         </ul>
      </div>
      <div>
         <ul>
             
            <div class="clear">
            <li>One</li>
            
            <li>two</li>
            <li>three</li>
            <li>four</li>
            <li>One</li>
            <li>two</li>
            <li>three</li>
            <li>four</li>
            <li>One</li>
            <li>two</li>
            <li>three</li>
            <li>four</li>
            <li>One</li>
            <li>two</li>
            <li>three</li>
            <li>four</li>
            <li>One</li>
            <li>two</li>
            <li>three</li>
            <li>four</li>
            <li>One</li>
            <li>two</li>
            <li>three</li>
            <li>four</li>
         </ul>
      </div>
   </body>
</html>

Download in other formats:

Original Format