JSFiddle - React, Tailwind, and code Playground

by Manoj Salvi

HTML

<span class="card-title">November 19, 2015</span>
        <div class="cardseparator1"></div>
<ul class="custom-class">
        <li>User FFDev has added 2 tasks</li>
        <li>User FFDev has added 3 forms</li>
        <li>User FFDev has added 1 users</li>
</ul>
       <span class="card-title">November 18, 2015</span>
        <div class="cardseparator1"></div>
<ul class="custom-class">
        <li>User FFDev has added 10 tasks</li>
        <li>User FFDev has added 8 forms</li>
        <li>User FFDev has added 4 assets to asset management</li>
        <li>User FFDev has added 4 users</li>
        <li>User null has updated 2 tasks</li>
        <li>User FFDev has updated 2 tasks</li>
        <li>User FFDev has updated 3 forms</li>
</ul>
       <span class="card-title">November 17, 2015</span>
        <div class="cardseparator1"></div>
<ul class="custom-class">
        <li>User FFDev has added 1 tasks</li>
        <li>User FFDev has added 3 forms</li>
        <li>User FFDev has added 1 users</li>
        <li>User FFDev has updated 2 assets to asset management</li>
</ul>
       <span class="card-title">November 16, 2015</span>
        <div class="cardseparator1"></div>
<ul class="custom-class">
        <li>User FFDev has added 1 tasks</li>
        <li>User FFDev has added 2 users</li>
</ul>
       <span class="card-title">November 12, 2015</span>
        <div class="cardseparator1"></div>
<ul class="custom-class">
        <li>User FFDev has added 1 geofence settings</li>
    
</ul>

CSS

.custom-class li:last-child {
    color:red;
}