[解決済み] 他の要素の後に最初に現れる要素を選択する
2022-05-18 04:25:34
質問
あるページで次のようなHTMLコードがあります。
<h4>Some text</h4>
<p>
Some more text!
</p>
私の
.css
をスタイルするために、次のセレクタを用意しました。
h4
要素にスタイルを設定します。上の HTML コードは全体のほんの一部であり、複数の
div
がもっとたくさんあり、シャドウボックスに属しています。
#sb-wrapper #sb-wrapper-inner #sb-body #myDiv h4
{
color : #614E43;
margin-top : 5px;
margin-left : 6px;
}
というわけで、正しいスタイルで
h4
要素に正しいスタイルを設定しましたが、さらに
p
タグのスタイルも設定したい。
これはCSS-selectorsで可能なのでしょうか?また、可能である場合、どのようにこれを行うことができますか?
どのように解決するのですか?
#many .more.selectors h4 + p { ... }
と呼ばれるもので、これは 隣接兄弟セレクタ .
関連
-
[解決済み】ある要素を別の要素に移動させるには?
-
[解決済み] Bootstrap 3.3.7で改行する方法
-
[解決済み] CSS - カーソルを置いたときに塗りつぶしの色を変更する - SVG PATH
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] セレクトボックスのプレースホルダーを作成するにはどうすればよいですか?
-
[解決済み] How can I set the default value for an HTML <select> element?
-
[解決済み] How do I style a <select> dropdown with only CSS?
-
[解決済み] jQueryで名前を指定して要素を選択するには?
-
[解決済み] 最初の要素にクラスを指定するCSSセレクタ
-
[解決済み] 入力テキストボックスの値を取得する
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
document.forms 使用方法
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] HTMLページからのリダイレクト
-
[解決済み] divの中のテキストを縦に揃えるにはどうしたらいいですか?
-
[解決済み] Sublime Text 2を使ってHTMLコードを再フォーマットするにはどうしたらいいですか?
-
[解決済み] 入力テキストボックスの値を取得する
-
[解決済み] フレックスアイテムを右寄せにするには?
-
[解決済み] テーブル内のテキストアラインクラス
-
[解決済み] CSS背景のストレッチとスケール
-
[解決済み] マークダウンにおける相互参照 (名前付きアンカー)