» CSSタグ » CSS プロパティ

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

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

:nth-child() 疑似クラス サンプル プログラム コード ページトピック：:nth-child(3n)3番目 [=3×1], 3番目 [=3×2], 9番目 [=3×3], 12番目 [=3×4]等の要素を指定する ことができる。インデックスがnの倍数の要素CSS :nth-child() 疑似クラス Example p:nth-child(3n) {････

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

:nth-child() 疑似クラス サンプル プログラム コード ページ情報：この例は:nth-child(3n+4)4番目 [=(3×0)+4], 7番目 [=(3×1)+4], 10番目 [=(3×2)+4], 13番目 [=(3×3)+4], 等の要素を指定することができる。CSS :nth-child() 疑似クラス Example p:nth-chi････

:nth-child() 疑似クラス サンプル プログラム コード ページ情報：p:nth-child(1) 又は 、 p:nth-child(0n+1)兄弟要素のグループの中で最初の <p> 要素すべてを指定する。これは :first-child セレクターと同じCSS :nth-child() 疑似クラス Example p:nth-child(0n+････

:nth-child() 疑似クラス サンプル プログラム コード ページ情報：この例はp:nth-child(n+3):nth-child(-n+8)兄弟要素のグループの中で3～8番目の <p> 要素を選択することができる。CSS :nth-child() 疑似クラス Example p:nth-child(n+3):nth-child(-n+8) {････

:nth-child() 疑似クラス サンプル プログラム コード ページ情報：tr:nth-child(even) 又は 、 tr:nth-child(2n)HTML テーブルの偶数行 (2, 4, 6, など) を指定する ことができる。CSS :nth-child() 疑似クラス Example tr:nth-child(even) {backgr････

:nth-child() 疑似クラス サンプル プログラム コード ページ情報：tr:nth-child(odd) 又は tr:nth-child(2n+1)HTML テーブルの奇数行 (1, 3, 5, など) を表示 する。 ことができる。CSS :nth-child() 疑似クラス Example tr:nth-child(odd) {backgr････

:nth-child() 疑似クラス サンプル プログラム コード ページ情報：:nth-child(-n+3)兄弟要素のグループの中で最初の3つの要素を表示 します。 [=-0+3, -1+3, -2+3]CSS :nth-child() 疑似クラス Example p:nth-child(-n+3) {background: red;}････