如何将内联元素和块级元素一起定位？

Question

我有一个由wordpress主题生成的短代码，输出为：

<div class="heading clearfix"><i class="icon icon-list-ol h2"></i> <h2> Hello World! </h2></div>

我需要设置图标和h2元素的样式，我如何将它们一起定位？

尝试了这个：

i.icon.icon-list-ol.h2 h2 {color:red;}

但它不起作用。
PS：这是一个由wordpress主题生成的短代码。

Answer 1

用逗号分隔：

i.icon.icon-list-ol.h2, h2 {color:red;}

Answer 2

试试这个：

div.heading i.icon,
div.heading h2 {
    color:red;
}

Answer 3

试试这个

i.icon.icon-list-ol.h2 + h2 {color:red;}

<强> Demo

Answer 4

不会

.icon , .h2 { color : red; }

工作？

Answer 5

使用逗号（，）分隔 i.icon.icon-list-ol.h2 h2

在 css 中，您必须将代码更改为

i.icon.icon-list-ol.h2, h2 {color:red;}