2026-07-16

スポンサーリンク
JavaScript

JavaScript | HTML / CSS 連携:CSS基礎 - 子孫セレクタ

子孫セレクタは「この中にある“全部の○○”にスタイルを当てるための選び方」子孫セレクタは、 「ある要素の“内側にある”別の要素たちをまとめて選ぶためのセレクタ」です。書き方はとてもシンプルで、 セレク...
JavaScript

JavaScript | HTML / CSS 連携:CSS基礎 - IDセレクタ

IDセレクタは「ページの中で“この1つだけ”を指さすための名前」IDセレクタは、 「このページの中で、たった1つの特別な要素にスタイルを当てるための“固有の名前”」を扱う仕組みです。CSS側では # ...
JavaScript

JavaScript | HTML / CSS 連携:CSS基礎 - クラスセレクタ

クラスセレクタは「意味のグループに“共通の見た目”を当てるための仕組み」クラスセレクタは、 「このクラス名が付いている要素たちに、共通のスタイルを当てる」ためのCSSの“選び方”です。CSS側では ....
JavaScript

JavaScript | HTML / CSS 連携:CSS基礎 - セレクタ

セレクタは「どのHTML要素に、このCSSルールを“当てるか”を決めるもの」CSSの役割は「見た目のルールを書くこと」ですが、 その前に必ずやることがあります。「このルールを、どの要素に適用するか?」...
JavaScript

JavaScript | HTML / CSS 連携:CSS基礎 - CSSの役割

CSSの役割は「見た目のルールをHTMLから“切り離して”管理すること」まず一番大事なところからいきます。HTMLの役割:ページの“中身”と“構造”を書くもの CSSの役割:その中身の“見た目”と“装...
スポンサーリンク