JSFiddle - React, Tailwind, and code Playground

by Akram kamal

HTML

<p>p</p>
<div>div</div>
<p>p</p>
<p>p</p>
<div>div</div>
<p>p</p>
<div>div</div>

CSS

div, p {
    width: 60px;
    height: 60px;
    background: #abc;
    border: 2px solid black;
    margin: 10px;
    float: left;
  }
  .after {
    border-color: red;
  }
 .back {
    background: yellow;
  }

JavaScript

// testing nexAll
$( ":nth-child(3)" ).addClass( "back" );
$( ":nth-child(3)" ).nextAll( "p" ).addClass( "after" );