html - 针对特定 block 级元素的最简单方法是什么

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