title: not able to remove css border for last child
body: <p>I could not able to remove border for the last child of li after. Last child after which is not working. Let me know how to resolve this issue.</p>
  <pre><code>.main-menu__link {
          font-size: 15px;
          background: #fff;
          color: #f37321;
            &amp;::after {
            border-right:#522e91 1px solid;
           height: 14px;
           content: &quot; &quot;;
           padding-left: 15px;
           &amp;:last-child() {
            border-right: none;
          }
                   }
  
  &lt;ul class=&quot;main-menu&quot;&gt;
  &lt;li class=&quot;main-menu__item&quot;&gt;&lt;a class=&quot;main-menu__link&quot; href=&quot;#&quot;&gt;PRESS RELEASE&lt;/a&gt;&lt;/li&gt;
  &lt;li class=&quot;main-menu__item&quot;&gt;&lt;a class=&quot;main-menu__link&quot; href=&quot;#&quot;&gt;REQUEST A REP&lt;/a&gt;&lt;/li&gt;
  &lt;li class=&quot;main-menu__item&quot;&gt;&lt;a class=&quot;main-menu__link&quot; href=&quot;#&quot;&gt;PRESCRIBING INFORMATION &lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>