CSSで直前・後方の兄弟要素を指定する方法｜kasumiblog

CSSで兄弟要素を指定。任意のプロパティを付与したい。 本記事ではこのような悩みを解決します。 指定した要素の後方の兄弟要素を全て指定する <style> p~div { color: red; } </style> <p class="text">テキスト</p> <!-- 以下divタグ内テキストをredに変更 --> <div>テキスト</div> <div>テキスト</div> <div>テキスト</div> <div>テキスト</div> 指定した要素の後方の兄弟要素を全て指定するコード例です。 チルダ（~）を使います。 使い方は以下の通りです。 指定要素~後方の兄弟要素名 { 兄弟要素に付与したいCSSプロパティ } セレクタで、指定要素の後にチルダ（~）を記述。 そのあとに兄弟要素のタグ・クラス名を記述します。 あとはブロック内で後方の兄弟要素に付与したいCSSプロパティを記

[hapilaki]

“div:has(+ p)” CSSで隣の要素（兄要素）を指定する。弟要素は+でできる。