ドキュメント : CSS
-
【CSS】:first-child(擬似クラス) - 最初の要素
CSSの擬似クラスの1つ、first-childについてご紹介します。:first-child:first-childは階層ごとの最初の要素です。基本構文:first-child { プロパティ名: プロパティ値;}サンプル<style>h2:first-child { color: red;}</style><h1>CSSとは</h1>
-
【CSS】:last-child(擬似クラス) - 最後の要素
CSSの擬似クラスの1つ、last-childについてご紹介します。:last-child:last-childは階層ごとの最後の要素です。基本構文:last-child { プロパティ名: プロパティ値;}サンプル最後かつpの要素にスタイルを適用しています。<style>p:last-child { color: red;}</style><h1>
-
【CSS】:only-child(擬似クラス) - 1つのみの要素
CSSの擬似クラスの1つ、only-childについてご紹介します。:only-child:only-childは同階層で1つのみの要素です。基本構文:only-child { プロパティ名: プロパティ値;}サンプルliが1つしかない要素にスタイルを適用しています。<style>li:only-child { color: red;}</style><u
-
-
【CSS】:nth-child(擬似クラス) - N番目の要素
CSSの擬似クラスの1つ、nth-childについてご紹介します。:nth-child:nth-childはN番目の要素です。基本構文:nth-child(n) { プロパティ名: プロパティ値;}nの部分は番号です。番号の形式は整数、加算、減算サンプル<style>h2:nth-child(3) { color: red;}</style><div>
-
【CSS】:nth-last-child(擬似クラス) - 最後からN番目の要素
CSSの擬似クラスの1つ、nth-last-childについてご紹介します。:nth-last-child:nth-last-childはN番目の要素です。基本構文:nth-last-child(n) { プロパティ名: プロパティ値;}nの部分は番目です。番目の定義形式は3種類あります。形式意味odd奇数番目even偶数番目An+BA: 整数、B: 整数、n: 0から始まる自然数サンプル以
-
-
-
【CSS】:first-of-type(擬似クラス) - 最初の特定要素
CSSの擬似クラスの1つ、first-of-typeについてご紹介します。:first-of-type:first-of-typeは兄弟要素で最初の要素です。基本構文:first-of-type { プロパティ名: プロパティ値;}サンプル以下のサンプルコードは兄弟要素の最初のh2要素にスタイルを適用します。<style>h2:first-of-type { color:
-
【CSS】:last-of-type(擬似クラス) - 最後の特定要素
CSSの擬似クラスの1つ、last-of-typeについてご紹介します。:last-of-type:last-of-typeは兄弟要素の最後の特定要素です。基本構文要素名(タグ):last-of-type { プロパティ名: プロパティ値;}サンプル以下のサンプルコードは兄弟要素の最後のh2要素にスタイルを適用します。<style>h2:last-of-type { col
-
【CSS】:only-of-type(擬似クラス) - 1つのみの特定要素
CSSの擬似クラスの1つ、only-of-typeについてご紹介します。:only-of-type:only-of-typeは兄弟要素がない1のみの要素です。基本構文要素名(タグ):only-of-type { プロパティ名: プロパティ値;}サンプル以下のサンプルコードは兄弟要素がないli要素にスタイルを適用します。<style>li:only-of-type { col
-
-
【CSS】:nth-of-type(擬似クラス) - N番目の特定要素
CSSの擬似クラスの1つ、nth-of-typeについてご紹介します。:nth-of-type:nth-of-typeは兄弟要素のN番目の特定要素です。基本構文要素名(タグ):nth-of-type(N) { プロパティ名: プロパティ値;}nの部分は番目です。番目の定義形式は3種類あります。形式意味odd奇数番目even偶数番目An+BA: 整数、B: 整数、n: 0から始まる自然数サンプ
-
【CSS】:nth-last-of-type(擬似クラス) - 最後からN番目の特定要素
CSSの擬似クラスの1つ、nth-last-of-typeについてご紹介します。:nth-last-of-type:nth-last-of-typeは兄弟要素の最後からN番目の特定要素です。基本構文要素名(タグ):nth-last-of-type(N) { プロパティ名: プロパティ値;}nの部分は番目です。番目の定義形式は3種類あります。形式意味odd奇数番目even偶数番目An+BA: