[html] 다음 요소의 CSS에서 선택기의 구문은 무엇입니까?

헤더 태그가 있다면 <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;

그럴 것입니다 :

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

어떤 이유로 작동하지 않습니다.

답변

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

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

<h1 class="hc-reform">
    title
    <p>stuff here</p>
</h1>

<h1 class="hc-reform">
    title
</h1>
<p>stuff here</p>

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