JSFiddle - React, Tailwind, and code Playground

by Nikhil krishnan

HTML

<div>
  <p>para 1</p>
  <p>para 2</p>
  <p>para 3</p>
  <span>seperation</span>
  <p>para 4</p>
</div>
<p>outside para 1</p>
<span>seperation</span>
<p>outside para 1</p>
<h1>
  <p>
  hello
  </p>
</h1>

CSS

div p + p{
  color: red
}
div + p{
  font-weight: bold; 
}
div ~ p {
  background-color: red;
  color: white;
}