CSS3 :optional Seçicisi

:optional Seçicisi

Form elementlerini seçer.

Versiyon: CSS3

Örnek

input:optional {
  background:red;
}

Codepen Ön izleme

Tarayıcı Desteği

4.0 3.5 9.0 3.2 9.6

CSS3 :only-child Seçicisi

:only-child Seçicisi

Tek çocuk seçiciyi seçer.

Versiyon: CSS3

Örnek

span:only-child {
  color:red;
  font-size:30px;
}

Codepen Ön izleme

Tarayıcı Desteği

4.0 3.5 9.0 3.2 9.6

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

CSS :link Seçicisi

:link Seçicisi

Bütün bağlantıları seçmek için kullanılır.

Versiyon: CSS1

Örnek

a:link {
  background:red;
}

Codepen Ön izleme

Tarayıcı Desteği

4.0 2.0 7.0 3.1 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