JSFiddle - React, Tailwind, and code Playground

HTML

<div class="postinner">
    <div itemprop="name">
         <h1 class="pagetitle">My Title</h1>
    </div>
    <p>First line of text</p>
    <p>Second line of text</p>
</div>
<div class="postinner">
    <article itemtype="http://schema.org/Article" itemscope="" role="article">
        <div itemprop="headline">
             <h1 class="pagetitle">Hello World!</h1>
        </div>
    </article>
</div>

CSS

div[itemprop="name"] h1 {
   color: red;
}

div[itemprop="headline"] h1 {
   color: yellow;
}