エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
CSSの隣接・直下・間接セレクタの違いを現役エンジニアが解説【初心者向け】
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSSの隣接・直下・間接セレクタの違いを現役エンジニアが解説【初心者向け】
隣接セレクタとは 隣接セレクタとは、基準要素の隣の要素を指定するためのセレクタです。 CSSでは以下の... 隣接セレクタとは 隣接セレクタとは、基準要素の隣の要素を指定するためのセレクタです。 CSSでは以下のように記述します。 HTML <span>1</span> <span>2</span> <span id="me">3</span> <span>4</span> <span>5</span> CSS #me + span { background: gold; } /* #meの隣にあるspan */ 実行結果 4の背景色がgoldになります。 直下セレクタとは 直下セレクタとは、基準要素の1つ下にある子要素を指定するためのセレクタです。 CSSでは以下のように記述します。 HTML <div id="me"> <span>1</span> <div> <span>2</span> <span>3</span> </div> </div> CSS #me > span { backgr