[解決済み】次の要素のための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以前ではサポートされていません。
関連
-
[解決済み] フォームの中にフォームがある、でいいのかな?[重複]
-
[解決済み] CSSの親セレクタはありますか?
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み] How can I set the default value for an HTML <select> element?
-
[解決済み] 最初の要素にクラスを指定するCSSセレクタ
-
[解決済み] CSSセレクタの"~"(チルダ/スクイグル/ツイドル)はどういう意味ですか?
-
[解決済み] CSSセレクタの「+」(プラス記号)の意味は何ですか?
-
[解決済み] 特定のクラスや属性を持たない要素を選択するCSSセレクタは書けますか?
-
[解決済み] 特定のテキストを含む要素に対するCSSセレクタはありますか?
-
[解決済み】CSSを使用して、すべてのブラウザでdiv要素を垂直方向に中央に配置するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] 名前が''の無効なフォームコントロールはフォーカスされない
-
[解決済み】ラジオボタンの代わりに画像を使用する
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] ボディの背景色が表示されない?
-
[解決済み] (X)HTMLにおける "PRE "タグの用途は何ですか?
-
[解決済み] 以下のHTMLフォームの例で、「mailto:[email protected]」とは何ですか?
-
[解決済み] Angular 2+のテンプレートで値を表す三項演算子
-
[解決済み] デフォルトで空白を選択
-
[解決済み] Font Awesome アイコンをプレースホルダーで使用する
-
[解決済み] Railsアプリケーションにアイコンを追加する