在CSS中定位itemprop?

前端之家收集整理的这篇文章主要介绍了在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;
}

和:

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

例如:http://jsfiddle.net/bEUk8/

猜你在找的CSS相关文章