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

问题描述

如果我有一个标题标签 <h1 class="hc-reform">title</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>stuff here</p>.

如何使用 CSS 确保 h1.hc-reform 之后的每个 <p> 标记都可以使用:clear:both;代码>

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

会是:

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屋！