CSS Nth-Child Örnekleri – Ahmet Cansever
Pazartesi , 24 Nisan 2017
Anasayfa » CSS » CSS Nth-Child Örnekleri

CSS Nth-Child Örnekleri

CSS3 ile birlikte gelen nth-child seçicisinin birçok farklı kullanımı bulunmaktadır. CSS Nts-Child Kullanımı ile ilgili örnekleri makalemizde bulabilirsiniz.

nts_child_1

Tek olan kutuları seçme ve rengini mavi yapma.

nts_child_2

En sağdan bir önceki yani 4-9-14-19 nolu kutuları mavi yapalım.

nts_child_3

nth-child(odd) ve nth-child(even) kullanarak tek ve çift olan kutuları seçme:nts_child_1
nth-child(odd) Listede tek olanları seçer, 1, 3, 5 gibi.
nth-child(even) ise Listede çift olanları seçer.

nts_child_4

nth-last-child(2) ile sondan bir önceki kutunun rengini pembe yapalım.

nts_child_5

Hakkında Ahmet C

Yorum Yap

Wordpress Tema indir