JSFiddle - React, Tailwind, and code Playground

by Daniel Tan

HTML

<p>Text</p>
<p>Text</p>
<p>Text</p>

CSS

p {
    margin: 1em;
    border: 3px solid #f00;
}

/* 
 * Notice that you can't select only .outside-p that contains p:only-child,
 * so you'll have to come up with esoteric class names.
 */
.outside-p {
    border: 3px solid #00f;
}

JavaScript

$('p').wrap('<div class="outside-p" />');