title: How do I write my css for list-syle nested upto the nth degree?
body: <p>I have a list with multiple nesting. How do I write my css so that the 1st level gets list-style as disc, the 2nd as circle and the 3rd and square and so on...?</p>
  
  <p>My html is as follows</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li&gt;Alpha&lt;/li&gt;
    &lt;li&gt;Beta
      &lt;ul&gt;
        &lt;li&gt;Apple&lt;/li&gt;
        &lt;li&gt;Mango
         &lt;ul&gt;
          &lt;li&gt; Item 1&lt;li&gt;
          &lt;li&gt; Item 2&lt;/li&gt;
            .
            .
              .
              .
                  nesting up to the nth degree
           &lt;/ul&gt;
        &lt;/li&gt;
     &lt;/ul&gt;
   &lt;/li&gt;
  
  &lt;/ul&gt;
  </code></pre>