CSS General sibling combinator プロパティ 関数 要素 使い方・書き方 例 CSS サンプル

General sibling combinator CSS プロパティとは

トピック:一般的な兄弟コンビネータ ( チルダ (〜) ) は2つのセレクタを接続し、最初の要素の後の2番目の要素、同じ親要素の子(直後の必要はない)を選択、指定された要素の兄弟であるすべての要素を選択する、ことができる このコネクタは間接コネクタとも呼ばれる

一般的な兄弟セレクタ

実例 コード 1

サンプル コードを試す
  • h1 p {
  • color: blue;
  • font-size: 18px;
  • }
  • ul.task p {
  • color: #f0f;
  • text-indent: 30px;
  • }

構文

former_element ~ target_element { style : properties ; }
 前の要素 ~ 対象の要素 {スタイル要素のプロパティ : プロパティ値; }

サポートするデスクトップ ブラウザ対応・互換性

PropertyGeneral sibling combinator プロパティ 値
General sibling combinatorChromeEdgeFirefoxInternet ExplorerOperaSafari
基本 サポートフルサポート◯ 1フルサポート◯ 12フルサポート◯ 1フルサポート◯ 7フルサポート◯ 9フルサポート◯ 3

サポートするモバイル ブラウザ対応・互換性

PropertyGeneral sibling combinator 内容 説明
General sibling combinatorAndroidChrome for Android
Edge MobileFirefox for Android
Opera for Android
iOS SafariSamsung Internet
基本 サポートフルサポートフルサポートフルサポートフルサポート◯ 4フルサポートフルサポートフルサポート
General sibling combinator プロパティ 関連記事
CSS General sibling combinator プロパティ 関数 要素 使い方・書き方 例 CSS サンプル
CSS General sibling combinator プロパティ | 使い方 | 書き方 | サンプル | セレクタ 値 | 属性 入門 | CSS マニュアル
あわせて読みたい

Html

Glossary

PHP

JavaScript

JQuery