title: How to apply last-child only for first nested li?
body: <p>I have the following ul list:</p>
  
  <pre><code>&lt;ul class="list"&gt;
      &lt;li&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;/li&gt;
          &lt;/ul&gt;
       &lt;/li&gt;
       &lt;li&gt;&lt;/li&gt;
  &lt;ul&gt;
  </code></pre>
  
  <p>How can I apply CSS style to last <code>li</code> of parent <code>class="list"</code>, not for nested <code>ul</code> inside <code>ul</code></p>