html - CSS中下一个元素的选择器的语法是什么？

Question

如果我有一个标题标签 <h1 class="hc-reform">title</h1>

h1.hc-reform{
    float:left;
    font-size:30px;
    color:#0e73bb;
    font-weight:bold;
    margin:10px 0px;
}

然后我有一段<p>stuff here</p> .

如何确保每个 <p> 使用 CSS h1.hc-reform 之后的标签使用:clear:both;

会是:

h1.hc-reform > p{
     clear:both;
}

由于某种原因，这不起作用。

Answer 1

这被称为 adjacent sibling选择器，用加号表示...

h1.hc-reform + p {
  clear:both;
}

注意:IE6 或更早版本不支持此功能。