title: Tailwind.css — How to implement the last-child using Tailwind?
body: <p>I have tried without success to implement the prefix last: as shown in the Tailwind.css documentation. Can anyone point out what I am doing wrong? I cannot make this work.</p>
  <p>Thank you in advance.</p>
  <p><strong>React Component</strong></p>
  <pre><code>{items.map((item, i) =&gt; {
              return (
                &lt;li
                  key={i.toString()}
                  v-for=&quot;(item, i) in items&quot;
                  className=&quot;pb-sm xl:pb-md last:pb-0&quot; // This is the problematic fellow!
                &gt;
                  &lt;div className=&quot;grid grid-cols-12&quot;&gt;
                    &lt;div className=&quot;col-start-2 col-span-10 md:col-start-2 md:col-span-8  pb-2 sm:pb-xs md:pb-xs lg:pb-xs xl:pb-0&quot;&gt;
                      &lt;div className=&quot;serif text-h5 xl:text-h4 lg:text-h4 md:text-h4 leading-snug xl:leading-tight lg:leading-tight md:leading-snug&quot;&gt;
                        {item}
                      &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div className=&quot;col-start-2 col-span-10 sm:col-start-5 sm:col-span-6 md:col-start-5 md:col-span-6 lg:col-start-5 lg:col-span-6 xl:col-start-5 xl:col-span-3 pb-xs sm:pb-xs&quot;&gt;
                      &lt;div className=&quot;text-p sm:text-p&quot;&gt;{description[i]}&lt;/div&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/li&gt;
              )
            })}
  </code></pre>