CSS3 :only-of-type Seçicisi

:only-of-type Seçicisi

Aynı seviyede tek olan elementi seçer.

Versiyon: CSS3

Örnek

span:only-of-type {
  background:red;
}

Codepen Ön izleme

Tarayıcı Desteği

4.0 3.5 9.0 3.2 9.6

CSS3 :nth-of-type() Seçicisi

:nth-of-type() Seçicisi

“nth-child()” ile aynı işi yapar.

Versiyon: CSS3

Örnek

ul li:nth-of-type(2) {
  color:red;
}

Codepen Ön izleme

Tarayıcı Desteği

4.0 3.5 9.0 3.2 9.6

CSS3 :nth-last-of-type() Seçicisi

:nth-last-of-type() Seçicisi

Aynıı seviyede bulunan elementlerin sondan kaçıncısını seçeceğini belirtmek için kullanılır.

Versiyon: CSS3

Örnek

ul li:nth-last-of-type(2) {
    background: red;
}

Codepen Ön izleme

Tarayıcı Desteği

4.0 3.5 9.0 3.2 9.6

CSS3 :nth-last-child() Seçicisi

:nth-last-child() Seçicisi

Sondan kaçıncı elementi seçeceğimizi belirtmek için kullanılır.

Versiyon: CSS3

Örnek

ul li:nth-last-child(2) {
  color:red;
}

Codepen Ön izleme

Tarayıcı Desteği

4.0 3.5 9.0 3.2 9.6

CSS3 :nth-child() Seçicisi

:nth-child() Seçicisi

Belirtilen sıradaki elementi seçmek için kullanılır.

Versiyon: CSS3

Örnek

ul li:nth-child(2) {
  background:red;
}

Codepen Ön izleme

Tarayıcı Desteği

4.0 3.5 9.0 3.2 9.6

CSS3 :not Seçicisi

:not Seçicisi

Belirtilen element hariç tüm elementleri seçer.

Versiyon: CSS3

Örnek

span { color:blue;}
:not(span) {
  color:red;
}

Codepen Ön izleme

Tarayıcı Desteği

4.0 3.5 9.0 3.2 9.6

CSS3 :last-of-type Seçicisi

:last-of-type Seçicisi

Aynı seviyedeki elementlerin sonuncusunu seçer.

Versiyon: CSS3

Örnek

span:last-of-type {
  color:red;
}

Codepen Ön izleme

Tarayıcı Desteği

4.0 3.5 9.0 3.2 9.6

CSS3 :last-child Seçicisi

:last-child Seçicisi

Belirtilen elementin içinde bulunan son elementi seçmek için kullanılır.

Versiyon: CSS3

Örnek

ul li:last-child {
  color:red;
}

Codepen Ön izleme

Tarayıcı Desteği

4.0 3.5 9.0 3.2 9.6

CSS3 :invalid Seçicisi

:invalid Seçicisi

Geçersiz değere sahip “input” elementlerini seçer.

Versiyon: CSS3

Örnek

input:invalid { 
    background: blue;
    color:red;
}

Codepen Ön izleme

Tarayıcı Desteği

10.0 4.0 10.0 5.0 10.0

CSS3 :in-range Seçicisi

:in-range Seçicisi

Belirli bir aralıkta değer verilmiş “input” elementlerini seçer.

Versiyon: CSS3

Örnek

input:in-range {
  background:red;
  color:white;
}

Codepen Ön izleme

Tarayıcı Desteği

10.0 28.0 desteklenmiyor 5.2 11.0