title: Targeting itemprop in CSS?
body: <p>I have the following two sections of code generated by a Wordpress theme.
  This first section of code is generated for a WP Page:</p>
  
  <pre><code>    &lt;div class="postinner"&gt;
          &lt;div itemprop="name"&gt;
              &lt;h1 class="pagetitle"&gt;My Title&lt;/h1&gt;
          &lt;/div&gt;
          &lt;p&gt;First line of text&lt;/p&gt;
          &lt;p&gt;Second line of text&lt;/p&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>This second section of code is generated for a WP Post:</p>
  
  <pre><code>    &lt;div class="postinner"&gt;
          &lt;article itemtype="http://schema.org/Article" itemscope="" role="article"&gt;
              &lt;div itemprop="headline"&gt;
                  &lt;h1 class="pagetitle"&gt;Hello World!&lt;/h1&gt;
              &lt;/div&gt;
          &lt;/article&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>I cannot figure out the CSS selector to specifically target and center the text of the H1 tag within the "itemprop DIV" for the 1st section of code. </p>
  
  <p>Also, I would also like to target and style the H1 tag in the WP Post with a different text color but again, cannot figure out CSS selector.</p>