CSSのセレクターとは何ですか？

CSSのセレクターは、CSSルールの最初に来る重要な部分です。セレクターは、どのHTML要素にスタイルを適用するかをブラウザーに指示し、選択された要素にはCSSのプロパティ値が適用されます。

CSSセレクターの基本

CSSセレクターは、要素セレクター、クラスセレクター、IDセレクターなど、いろいろな種類があります。以下は、いくつかの例です。

セレクター	説明	例
要素セレクター	HTMLの要素を直接選択します。	`p { color: blue; }`
クラスセレクター	特定のクラス名を持つ要素を選択します。	`.example-class { margin: 10px; }`
IDセレクター	特定のIDを持つ要素を選択します。	`#unique-id { padding: 5px; }`

実際のコード例

以下に、CSSセレクターの使い方の具体例を示します。

<!-- HTML構造 -->
<div class="container">
    <p style="color: red;">This is a red paragraph.</p>
    <p class="highlight">This paragraph will be highlighted with yellow.</p>
    <div id="main-content">Main content here.</div>
</div>

<!-- CSSスタイル -->
<style>
    .highlight {
        background-color: yellow;
    }

    #main-content {
        font-weight: bold;
    }
</style>

参考文献

もっとCSSセレクターについて学びたい場合、以下の記事が参考になります：

その他の参考記事:css cursor