CSS3 :read-write Seçicisi

:read-write Seçicisi

Sadece yazılabilir ve okunabilir “input” elementlerini seçer.

Versiyon: CSS3

Örnek

input:-moz-read-write { /* firefox için */
    background-color: red;
    display: block;
}

input:read-write {
    background-color: red;
    display: block;
}

Codepen Ön izleme

Tarayıcı Desteği

Evet -moz- desteklenmiyor. Evet Evet

CSS3 :read-only Seçicisi

:read-only Seçicisi

Belirtilen read-only elementi seçer.

Versiyon: CSS3

Örnek

input:-moz-read-only firefox için
    background-color: red;
    display:block;
    margin-bottom: 10px;
}
input:read-only {
    background-color: red;
    display:block;
    margin-bottom: 10px;
}

Codepen Ön izleme

Tarayıcı Desteği

Evet -moz- desteklemiyor. Evet Evet

CSS3 :out-of-range Seçicisi

:out-of-range Seçicisi

Belirlenen aralığın dışında kalan “input” elementlerini seçer.

Versiyon: CSS3

Örnek

input:out-of-range {
  background:red;
  color:white;
}

Codepen Ön izleme

Tarayıcı Desteği

10.0 28.0 desteklenmiyor 5.2 11.0

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