一尘不染

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

html

如果我有标题标签 <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-reformclear:both;

会是:

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

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


阅读 1409

收藏
2020-05-10

共1个答案

一尘不染

这称为相邻的同级选择器,用加号表示…

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

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

2020-05-10