在 CSS 中定位 itemprop？

我有以下两段由 WordPress 主题生成的代码。 第一部分代码是为 WP 页面生成的：

    <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>

第二部分代码是为 WP Post 生成的：

    <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 选择器来专门针对代码第一部分的“itemprop DIV”内的 H1 标签文本并将其居中。

另外，我还想使用不同的文本颜色来定位 WP Post 中的 H1 标签并设置其样式，但同样无法找出 CSS 选择器。

您可以尝试使用 CSS 属性选择器，例如：

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

and:

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

例子：http://jsfiddle.net/bEUk8/ http://jsfiddle.net/bEUk8/