JSFiddle - React, Tailwind, and code Playground

by bilbobaggins

HTML

<div><p>Hello primary</p></div>
 <div><p>Hello ter</p></div>
<div><p>Hello</p></div>
<div class="selected"><p>Hello Again</p></div>
<div><p>Hello secondary</p></div>
<div><p>Hello secondary</p></div>
<div><p>Hello secondary</p></div>

CSS

.highlight {
    background: yellow;
  }

JavaScript

$( "p" ).parent( ".selected" ).css( "background", "yellow" );
$('div.selected').next().css( "background", "red" );
$('div.selected').prev().css( "background", "blue" );
$('div.selected').nextAll('div').css( "background", "green" );
$('div.selected').parents().css( "background", "red" );