JSFiddle - React, Tailwind, and code Playground

by anay1231

HTML

<ul class="topmenu">
    <li>Demo like1</li>
    <li>Demo like2</li>
    <li>Demo like3</li>
    <li>Demo like4</li>
    <li>Demo like5</li>
</ul>

CSS

ul{
  margin:0;
  padding:0;
  list-style:none;
  background:red;
  display:inline-block;
}
ul li{
  display:inline-block;
  color:#fff;
  padding:10px 15px;
  float:left;
  margin-left:5px;
}
ul li:last-child,.beforeLast{
  background:#000;
}

JavaScript

jQuery(document).ready(function(){  
    /*menu last 2 links*/
 jQuery('.topmenu li:last-child').prev().addClass('beforeLast');
 });