<?xml version="1.0" encoding="iso-8859-1"?>
<?xml-stylesheet type="application/xml" href="nested_counters-demo.php?type=xsl"?>          <!-- for Standard -->
<?xml-stylesheet alternate="yes" type="text/xsl" href="nested_counters-demo.php?type=xsl"?> <!-- for MSIE -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <meta name="robots" content="noindex, nofollow" />
    <link rel="up" href="19.xml" title="2007-03-19" />
    <link rel="alternate" href="nested_counters-demo.php?type=html" title="HTML version" />
    <link rel="alternate" href="nested_counters-demo.php?type=xhtml" title="XHTML version" />
    <style type="text/css" id="internalStyle">
    <![CDATA[
      /* The following style sheet numbers nested list items as "1", "1.1", "1.1.1", etc. */
      ol { counter-reset: item }
      li { display: block }
      li:before { content: counters(item, ".") ". "; counter-increment: item; }
      /* Structure Module */
      html, body {
      background-color: #000;
      color: #fff;
      }
    ]]>
    </style>
    <title>Creating a list with markers</title>
  </head>
  <body>
    <ol>                    <!-- (set item[0] to 0          -->
      <li>item</li>         <!--  increment item[0] (= 1)   -->
      <li>item              <!--  increment item[0] (= 2)   -->
	<ol>                <!--  (set item[1] to 0         -->
	  <li>item</li>     <!--   increment item[1] (= 1)  -->
	  <li>item</li>     <!--   increment item[1] (= 2)  -->
	  <li>item          <!--   increment item[1] (= 3)  -->
	    <ol>            <!--   (set item[2] to 0        -->
	      <li>item</li> <!--    increment item[2] (= 1) -->
	    </ol>           <!--   )                        -->
	    <ol>            <!--   (set item[3] to 0        -->
	      <li>item</li> <!--    increment item[3] (= 1) -->
	    </ol>
	  </li>             <!--   )                        -->
	  <li>item</li>     <!--   increment item[1] (= 4)  -->
	</ol>
      </li>                 <!--  )                         -->
      <li>item</li>         <!--  increment item[0] (= 3)   -->
      <li>item</li>         <!--  increment item[0] (= 4)   -->
    </ol>                   <!-- )                          -->
    <ol>                    <!-- (reset item[4] to 0        -->
      <li>item</li>         <!--  increment item[4] (= 1)   -->
      <li>item</li>         <!--  increment item[4] (= 2)   -->
    </ol>                   <!-- )                          -->
  </body>
</html>
<!-- Copyright c 2000-2007 Osamu Rai, All rights reserved.-->
