1. ホーム
  2. ハイパーリンク

[解決済み】次の要素のためのCSSのセレクタの構文は何ですか?

2022-04-05 13:26:17

質問

ヘッダタグがある場合 <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;
}

注:IE6以前ではサポートされていません。