CSS サンプル | コード 基本 | 書き方 | 例

:read-only 疑似クラス サンプル プログラム コード ページ情報：input要素や<p>要素がreadonlyの場合にのみ選択してスタイルを変更するCSS :read-only 疑似クラス Exampleinput { min-width: 25em; }input:-moz-read-only { bac････

:out-of-range 疑似クラス サンプル プログラム コード ページ情報：<input>要素の値が「範囲外」の場合にのみ選択してスタイルする：CSS :out-of-range 疑似クラス Exampleinput:out-of-range {border: 2px solid red;}:out-of-range ････

:out-of-range 疑似クラス サンプル プログラム コード ページ情報：<input>要素の値が「範囲外」の場合にのみ選択してスタイルする：CSS :out-of-range 疑似クラス Exampleli {list-style: none;margin-bottom: 1em;}input {border: 1････

:optional 疑似クラス サンプル プログラム コード ページ情報：<input>要素に「必須」属性がない場合にのみ選択してスタイルを適用する ことができる。CSS :optional 疑似クラス Exampleinput:optional {background-color: red;}:optional 疑似クラス C････

:only-child 疑似クラス サンプル プログラム コード ページ情報：親の type の唯一の子であるすべての<p>要素の背景色を指定する ことができる。CSS :only-child 疑似クラス Example p:only-child {background: red;}:only-child 疑似クラス CSS プ････

:only-of-type 疑似クラス サンプル プログラム コード ページ情報：親の唯一の子であるすべての<p>要素の背景色を指定する ことができる。CSS :only-of-type 疑似クラス Example p:only-of-type {background: red;}:only-of-type 疑似クラス CSS ････

:nth-of-type() 疑似クラス サンプル プログラム コード ページ情報：親の2番目の要素であるすべての<p>要素の背景色を指定する ことができる。CSS :nth-of-type() 疑似クラス Example p:nth-of-type(2) {background: red;}:nth-of-type()････

:nth-of-type() 疑似クラス サンプル プログラム コード ページ情報：奇数および偶数（最初の子のインデックスは1）の子要素を照合するために使用できるキーワードでもあります。ここでは、奇数および偶数p要素の2つの異なる背景色を指定する ことができる。CSS :nth-of-type() 疑似クラス Example p:nth-of-type(odd) {････

:nth-last-of-type() 疑似クラス サンプル プログラム コード ページ情報：最後の子から数えて、親の2番目の要素であるすべての<p>要素の背景色を指定する ことができる。CSS :nth-last-of-type() 疑似クラス Example p:nth-last-of-type(2) {background: red;････

:nth-last-of-type() 疑似クラス サンプル プログラム コード ページ情報：奇数および偶数（最初の子のインデックスは1）の子要素を照合するために使用できるキーワードでもあります。ここでは、奇数および偶数p要素の2つの異なる背景色を指定する ことができる。CSS :nth-last-of-type() 疑似クラス ExampleCSS :nt････