JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box-1">
<p class="pussy">Hello</p>
<p class="pussy">World</p>
</div>

<div class="box-2">
<p class="pussy">Privet</p>
<p class="pussy">Kiska</p>
</div>

CSS

body,p {margin:0;}
.box-1 {
 width:100%;
 height:100px;
}
.box-2 {
 width:100%;
 height:100px;
}
.pussy {
  font-size:20px;
  color:black;
}
.pussy:nth-child(1) {
  color:red;
}