１時間30分
セレクタの種類
要素セレクタ
全称セレクタ
クラスセレクタ
idセレクタ
子孫（親子）セレクタ
子要素セレクタ
隣接セレクタ
間接（兄弟）セレクタ
属性セレクタ
複数セレクタの指定
複数クラスによる指定
最初の子要素を指定 ：first-child
最後の子要素を指定 ：last-child
最初の特定の子要素を指定 ：first-of-type
最後の特定の子要素を指定 ：last-of-type
N番目の特定の子要素を指定 ：nth-of-type(3)
奇数番目の特定の子要素を指定 ：nth-of-type(odd)
偶数番目の特定の子要素を指定 ：nth-of-type(even)
N番目の倍の数字の特定の子要素を指定 ：nth-of-type(2n)
計算をさせたN番目の数字の特定の子要素を指定 ：nth-of-type(3n-1)
最初からN番目までの特定の子要素を指定 ：nth-of-type(-n+3)
N番目以降の特定の子要素を指定 ：nth-of-type(n+3)
指定要素の一文字目を指定 :first-letter
指定要素の一行目を指定 :first-line
マウスカーソルが乗っている間適用 :hover
クラス名・id名で使用できない文字
セレクタの種類まとめ
こちらの動画では、セレクタの種類について学習します。
理解が進まない場合繰り返し動画をご覧いただき、理解度を深めてください。
「CSSセレクタチートシート.pdf」
上記をダウンロードしていただき、全てのセレクターを実際に記述を行い練習をしてください。
こちらは指定の課題はありません。
指定はありません。
見本ファイルはありません。
