CSS下一个元素 [英] CSS 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每个< p&在 h1.hc-reform 后面使用标签： clear：both;

how can i say using CSS that every <p> tag that follows the h1.hc-reform to use: clear:both;

会是：

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

因为某些原因无效。

推荐答案

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

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