如果我有一个标题标签<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;

那是不是:

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

出于某种原因,这不管用.

推荐答案

这叫做adjacent sibling Select 器,它用加号表示…

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

注意:IE6或更早版本不支持这一点.

Html相关问答推荐

分区位置:绝对由sibling 分区的差距移动

一次悬停可触发同一分区中的另一次悬停

我似乎不能正确地将我的导航栏居中'

如何使用html和css将两个项目垂直对齐

动态FormControl值在Angular 上绑定错误的问题

使用css第n个子元素,如何迭代Y组中的X个元素?

页脚与主要内容重叠

嵌套表列高度不是100%高度的问题

在CSS中旋转排除的蒙版图像

当光标悬停在(相同)父元素上方时,为多个子元素创建不同的过渡动画

如何解决水平塌陷问题?

来自元标记的响应文本

Swift 以编程方式在 YouTube 嵌入视频中进入全屏

在Firefox中使用keySplines时,SVG: <animateMotion>不起作用

在锥形渐变进度条内创建空白的问题

两个span,一个在div居中,好像没有另一个,另一个在右边

我如何使用 CSS nth-child(odd) nth-child(even) 来对齐 CSS 网格中的列?

如何使用 CSS 和 HTML 将文本放入图像中?

项目的水平列表:倒数第二个项目居中,而最后一个项目占据所有剩余空间

如何在不删除

标记的情况下加入 HTML 中的段落