ドキュメント : Development

コメントアウトは“動作に影響しないテキスト”です。CSSに限らずJavaScriptなどの他のプログラミング言語やHTMLにもコメントアウトがあります。一般的にソースコードの説明やメモに使用します。

セレクターは“スタイルの適用要素”です。複数の記述形式があり、必要に応じて使い分けることができます。複合的なセレクターや結合的なセレクターなどを使って最適なセレクターを使用します。

擬似クラスは“要素の状態を示すセレクター”です。フォーカスが当たっている状態を示す擬似クラスはfocusです。この擬似クラスを使って擬似クラスの具体例を示します。

HTMLにおける要素は要素同士の関係性があります。関係性の種類は主に親要素、子要素、兄弟要素、祖先要素、孫要素の５つです。

擬似クラス/hoverは“ポインティングデバイス（マウスカーソル）が要素に被さった状態を表す擬似クラス”です。

擬似クラス/checkedは“チェックボックスやラジオボタンがONの状態を表す擬似クラス”です。

擬似クラス/requiredは“入力項目要素が必須の状態を表す擬似クラス”です。

擬似クラス/activeは“クリックなどによってアクティブになった状態を表す擬似クラス”です。

擬似クラス/focusは“フォーカスがあたっている状態を表す擬似クラス”です。

擬似クラス/notは“セレクターにマッチしないことを表す擬似クラス”です。