: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 |
Etiket: css selector
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 |
CSS :lang Seçicisi
:lang Seçicisi
Belirtilen “lang” değerine sahip elementi seçer.
Versiyon: CSS2
Örnek
span:lang(tr) {
background: red;
color:white;
}
Codepen Ön izleme
Tarayıcı Desteği
| 4.0 | 2.0 | 8.0 | 3.1 | 9.6 |