: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 |
Etiket: css3
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 |