title: How to use :not() in tailwind.css?
body: <p>I recently started to give tailwind.css a try in my Nuxt project. so I needed to use <code>:not(:last-child)</code> pseudo-elements but I didn't find how.</p>
  
  <pre><code>  &lt;ul&gt;
      &lt;li
        v-for="(item, index) in items"
        :key="`item-${index}`"
        class="border-solid border-b border-black"
      &gt;
        Item
      &lt;/li&gt;
    &lt;/ul&gt;
  </code></pre>
  
  <p>I want to add a border-bottom to all of the <code>&lt;li&gt;</code> except the last one.</p>
  
  <p>I know Tailwind has <a href="https://tailwindcss.com/docs/pseudo-class-variants/#first-child-v1-1-0" rel="noreferrer">first</a> &amp; <a href="https://tailwindcss.com/docs/pseudo-class-variants/#last-child-v1-1-0" rel="noreferrer">last</a> pseudo-class variant but I can't use them with <code>:not()</code></p>