JSFiddle - React, Tailwind, and code Playground

by salsaproject

HTML

<div id="container">
  <p>First</p>
  <div>
    <p>Child Paragraph</p>
  </div>
  <p>Second</p>
  <p>Third</p>
</div>

CSS

/*all P inside the (#container) will turn green*/
#container p {
  color: green;
}
/*all p background-color inside (#container) only will turn yellow .*/
#container>p {
  background-color: yellow;
}