title: How can i use the first: tailwindcss prefix in combination with an alpinejs x-for
body: <p>I'm building a button group using an alpinejs x-for loop, where the first and last buttons should have rounded-l-md and rounded-r-md using <code>first:rounded-l-md</code> and <code>last:rounded-r-md</code>. The <code>last:rounded-r-md</code> works fine, however the <code>first:rounded-l-md</code> doesn't work, because the <code>&lt;template&gt;</code> used for the loop is seen as the first element, i presume.</p>
  <p>I have added a jsfiddle: <a href="https://jsfiddle.net/20qega7d/" rel="nofollow noreferrer">https://jsfiddle.net/20qega7d/</a></p>