間接セレクタ弟要素にスタイルを適用する

間接セレクタは、同じ親要素内にある要素名 A より後ろに記述された要素名 B にスタイルを適用します。

同じ親要素内の子要素同士は、前に記述されている要素を兄要素、後ろに記述されている要素を弟要素と呼びます。

間接セレクタのサンプルソース

li ~ li {
  font-weight: 600;
}

主要ブラウザの対応

IE11
Edge(EdgeHTML)
Edge(Chromium)
Chrome
Firefox
Safari
iOS Safari
Android Chrome

用途から CSS プロパティやセレクタを探す

用途から CSS プロパティやセレクタを逆引きできます。

@-規則
メディアクエリ
セレクタ
疑似要素
疑似クラス
背景

対応ブラウザから CSS プロパティやセレクタを探す

対応ブラウザから CSS プロパティやセレクタを逆引きできます。

IE11
Edge(EdgeHTML)
Edge(Chromium)
Firefox
Chrome
Safari
iOS Safari
Android Chrome

このページの上部へ