下一个元素的CSS选择器的语法是什么？ [英] What is syntax for selector in CSS for next element?

问题描述

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

If I have a header tag <h1 class="hc-reform">title</h1>

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

之后，我有一段< p> ;这里的东西< / p> 。

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

How can I ensure using CSS that every <p> tag that follows the h1.hc-reform to use: clear:both;

会是：

would that be:

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

由于某种原因无法正常工作。

for some reason that's not working.

推荐答案

这被称为邻接兄弟选择器，它由加号表示......

This is called the adjacent sibling selector, and it is represented by a plus sign...

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

注意：IE6或更高版本不支持此功能。

Note: this is not supported in IE6 or older.

这篇关于下一个元素的CSS选择器的语法是什么？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！