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

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