CSS :nth-last-childで後ろから数えてCSSを適用する
環境
Google Chrome 106.0.5249.119
Windows 10 Home 64bit
構文
tr:nth-last-child(数字){cssコード}
:nth-las ...
CSS 空白区切で子孫結合子(子孫セレクタ)を指定するサンプル
環境
Google Chrome 106.0.5249.119
Windows 10 Home 64bit
構文
セレクタ1 セレクタ2
セレクタ1を親として、子と孫のセレクタ2の要素が対象 ...
CSS emptyで中身が空の要素にCSSを適用する
環境
Google Chrome 106.0.5249.119
Windows 10 Home 64bit
構文
td:empty{
CSsコード
}
td中身が空の要素にC ...
CSS ::first-letterで最初の1文字目にCSSを適用するサンプル
環境
Google Chrome 106.0.5249.119
Windows 10 Home 64bit
構文
要素::first-letter{cssコード}
::first-lette ...
CSS 一般兄弟結合子(一般兄弟セレクタ)のサンプル
環境
Google Chrome 106.0.5249.119
Windows 10 Home 64bit
構文
セレクタ1 ~ セレクタ2
CSS 子結合子(子セレクタ)のサンプル
環境
Google Chrome 106.0.5249.119
Windows 10 Home 64bit
構文
セレクタ1 > セレクタ2
CSS 隣接兄弟結合子(隣接セレクタ)のサンプル
環境
Google Chrome 106.0.5249.119
Windows 10 Home 64bit
構文
セレクタ名1 + セレクタ名2
セレクタを+で区切って並べた場合、隣接セレク ...
CSS 属性セレクタと擬似要素(::before)を指定するサンプル
環境
Google Chrome 106.0.5249.119
Windows 10 Home 64bit
構文
属性セレクタ 疑似要素
属性セレクタと擬似要素を指定します。
div ...
CSS 擬似クラスと擬似要素(::after)を指定するサンプル
環境
Google Chrome 106.0.5249.119
Windows 10 Home 64bit
構文
疑似クラス 疑似要素
擬似クラスと擬似要素を指定します。
a:lin ...
CSS 擬似クラスと擬似要素(::before)を指定するサンプル
環境
Google Chrome 106.0.5249.119
Windows 10 Home 64bit
構文
疑似クラス 疑似要素
擬似クラスと擬似要素を指定します。
a:lin ...
CSS 擬似クラスと属性セレクタで絞り込むサンプル
環境
Google Chrome 106.0.5249.119
Windows 10 Home 64bit
構文
疑似クラス
擬似クラスと属性セレクタで絞り込みます。
書式 ...
CSS 角括弧[]で複数の属性セレクタで対象を絞り込む
環境
Google Chrome 106.0.5249.119
Windows 10 Home 64bit
構文
「…」
複数の属性セレクタを指定して対象を絞り込みます。 ...
CSS 要素名[属性名~=”値”]でどれか1つに合致する要素にCSSを適用するサンプル
環境
Google Chrome 106.0.5249.119
Windows 10 Home 64bit
構文
1.divタグ要素属性が複数の場合
div
divタグの指定の属性の ...
CSS 要素名[属性名$=”値”]で指定の属性の値で終わる要素にCSSを適用する
環境
Google Chrome 106.0.5249.119
Windows 10 Home 64bit
構文
要素名
指定の属性の値で終わる要素にCSSを適用します。
テキス ...
CSS 要素名[属性名*=”値”]で指定の属性の値が含まれている要素にCSSを適用する
環境
Google Chrome 106.0.5249.119
Windows 10 Home 64bit
構文
要素名
指定の属性の値が含まれている要素にCSSを適用します。
...
CSS 要素名[属性名^=”値”]で指定の属性の値で始まる要素にCSSを適用する
環境
Google Chrome 106.0.5249.119
Windows 10 Home 64bit
構文
要素名
指定の属性の値で始まる要素にCSSを適用します。
テキストボ ...
CSS 要素名[属性名=”値”]を指定する属性セレクタのサンプル
環境
Google Chrome 106.0.5249.119
Windows 10 Home 64bit
構文
1.input要素でtypeが属性がbuttonの場合
input