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

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 主题生成的简码。

score 5 · Accepted Answer

5

用逗号分隔它们：

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

于 2013-07-18T12:30:46.567 回答

score 1 · Accepted Answer

1

尝试这个：

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

于 2013-07-18T12:31:02.797 回答

score 0 · Accepted Answer

用逗号分隔i.icon.icon -list-ol.h2 h2 (,)

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

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

score 0 · Accepted Answer

0

尝试这个

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

于 2013-07-18T12:31:46.097 回答

score 0 · Accepted Answer

0

惯于

.icon , .h2 { color : red; }

工作？

于 2013-07-18T12:32:00.617 回答

5 回答 5