title: CSS Selectors for Nested UL LI
body: <p>I am trying to style specific elements of a nested list, without using classes. Specifically, looking at the example below, how would I style ONLY the 'SubList Item' elements with a colored background, but NOT any of the 'Main List', 'SuperSub List' and 'SuperDuperSub List' items?    </p>
  
  <pre><code>&lt;div&gt;
     &lt;ul&gt;
        &lt;li&gt;&lt;a&gt;Main List Item&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a&gt;Main List Item&lt;/a&gt;
           &lt;ul&gt;
              &lt;li&gt;&lt;a&gt;SubList Item&lt;/a&gt;&lt;/li&gt;
           &lt;/ul&gt;
        &lt;/li&gt;
        &lt;li&gt;&lt;a&gt;Main List Item&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a&gt;Main List Item&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a&gt;Main List Item&lt;/a&gt;
           &lt;ul&gt;
              &lt;li&gt;&lt;a&gt;SubList Item&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a&gt;SubList Item&lt;/a&gt;
                 &lt;ul&gt;
                    &lt;li&gt;&lt;a&gt;SuperSub List&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a&gt;SuperSub List&lt;/a&gt;
                       &lt;ul&gt;
                          &lt;li&gt;&lt;a&gt;SuperDuperSub List&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a&gt;SuperDuperSub List&lt;/a&gt;&lt;/li&gt;
                       &lt;/ul&gt;
                    &lt;/li&gt;
                 &lt;/ul&gt;
              &lt;/li&gt;
              &lt;li&gt;&lt;a&gt;SubList Item&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a&gt;SubList Item&lt;/a&gt;&lt;/li&gt;
           &lt;/ul&gt;  
        &lt;/li&gt;
        &lt;li&gt;&lt;a&gt;Main List Item&lt;/a&gt;&lt;/li&gt;
     &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>