html - 定位特定块级元素的最简单方法是什么

Question

这是我所拥有的：

<div class="one-third">
<div class="heading clearfix">
<i class="icon icon-folder-open-alt h3"></i><h3> Hello World! </h3>
</div>

我需要为文本设置样式 Hello World！它在 h3 元素内，没有设置“i”元素的样式

我不想为每个 h3 设置样式，我只需要那个 h3。

PS：这是一个由 wordpress 主题生成的简码。

Answer 1

下面使用：

i.icon.icon-folder-open-alt.h3 + h3{color:red;}

jsFiddle

Answer 2

试试下面的代码

更新

.heading, .clearfix, .h3:nth-child(2)
{
    color:red;
}
.icon, .icon-folder-open-alt, .h3
{
    color:black;
}