JSFiddle - React, Tailwind, and code Playground

HTML

<div><p class="parent"><p class="child"></p></p></div>

CSS

p {
    height: 50px;
}

.parent {
    border: 10px solid green;
}
.child {
    border: 10px solid black;
}
p + p {
    background: red;
}

p p {
    background: blue;
}