Slice last 4 children - Special class for last 4 children

by Faisal Khan Janjua

HTML

<ul id="list">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
  <li>Item 6</li>
  <li>Item 7</li>
</ul>
<hr>
<section>
  <div>Item 1</div>
  <div>Item 2</div>
  <div>Item 3</div>
  <div>Item 4</div>
  <div>Item 5</div>
  <div>Item 6</div>
  <div>Item 7</div>
</section>

CSS

ul li.red {
    color: red;
}

section div:nth-last-child(-n+4) {
  color:red;
}

JavaScript

var lastItems = $("#list li");
lastItems.slice(lastItems.length -4).addClass("red");