JSFiddle - React, Tailwind, and code Playground

by dima_k

HTML

<p>This paragraph will not be styled</p>
<span>Paragraphs that will come after this span will get the styles</span>
<p>Sample text Sample text Sample text Sample text </p>
<div>
    <p>This paragraph not on the same level of DOM tree</p>
</div>
<p>Sample text Sample text Sample text Sample text</p>
<p>Sample text Sample text Sample text Sample text</p>

CSS

span + p { 
    font-weight: bolder; 
}
span ~ p { 
    font-style: italic; 
} 
span{
    color:blue;
}
span, p {
    font-size: 2em;
    padding-bottom: 30px;
}