隣接セレクタ・間接セレクタ・直下セレクタでCSSを記述したい

css

隣接セレクタ・間接セレクタ・直下セレクタとは?

隣接セレクタ
要素を結合子「+」でつなぎます。例えば要素A+要素Bの場合、要素Aと同じ階層にあるすぐ後の要素Bにスタイルがつきます。
間接セレクタ
要素を結合子「~」でつなぎます。例えば要素A~要素Bの場合、要素Aと同じ親に含まれる要素Bにスタイルがつきます。
直下セレクタ
要素を結合子「>」でつなぎます。例えば要素A>要素Bの場合、要素Aの直下の要素Bにスタイルがつきます。

隣接セレクタ・間接セレクタ・直下セレクタの使用例

-css

関連記事

CSS Animationでアニメーションを表現する

JavaScriptを使わずにCSSだけでアニメーションを表現!CSS Animationキーフレームは0%(アニメーションの開始)から100%(終わり)まで細かく指定できます。

CSSで縦書き

縦書き 文章を縦書きにして右から左へ流す。 縦書きの基本 文章を縦書きにして右から左へ流す。

1月11日 数字の回転 二桁の数字など英 …

テキストに縁や影をつける

cssでテキストに縁や影をつけます。

cssで作るいろいろなグラデーション

鮮やかなグラデーションを取り入れたサイトをよく見ます。 様々なタイプのグラデーション記述方法をまとめてみました! グラデーションの種類 基本 グラデーションはbackgroundで指定します。先に書い …

CSSで影をつける

CSSでドロップシャドウをつける方法を二つ紹介します。

サイトに訪れていただきありがとうございます!このブログでは、調べたこと、試したことを次回スムーズに行うための覚え書きをアップしています。