title: Applying last child selector for Sass in menu
body: <p>Working on a navigation using Sass. I'm trying to use :last-child selector to apply different link color(red) for the last menu link but no success. Can anyone show me how to achieve from the following Sass code? below is the code I have so far. Any advice would be greatly appreciated!</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;ul class="menu"&gt;
     &lt;li&gt;
         My Navigation
     &lt;/li&gt;
     &lt;li&gt;
         &lt;a href="#"&gt;First Link&lt;/a&gt;
     &lt;/li&gt;
     &lt;li&gt;
         &lt;a href="#"&gt;Second Link&lt;/a&gt;
     &lt;/li&gt;
     &lt;li&gt;
         &lt;a href="#"&gt;Third Link&lt;/a&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Sass</p>
  
  <pre><code>.menu {
      @include inline-list;
      font-size: 13px;
  
  
      &amp;, a {
          color: black;
          text-decoration: none;
  
      }
      &gt; * + * {
          margin-left: .5em;
  
          + *:before {
              content: "&gt;";
              margin-right: .5em;
          }
      }
  
      &amp; a ul li:last-child {
          color: red;
          font-weight: bold;
      }
  }
  </code></pre>