:first-of-type Seçicisi
Aynı seviyedeki elementlerden ilkini seçer.
Versiyon: CSS3
Örnek
p:first-of-type {
color:red;
}
Codepen Ön izleme
Tarayıcı Desteği
| 4.0 | 3.5 | 9.0 | 3.2 | 9.6 |
Etiket: selector
CSS ::first-line Seçicisi
::first-line Seçicisi
Belirtilen elementin ilk satırını seçmek için kullanılır.
Versiyon: CSS1
Örnek
p::first-line {
color: red;
}
Codepen Ön izleme
Tarayıcı Desteği
| 1.0 | 1.0 | 9.0 | 1.0 | 7.0 |
CSS ::first-letter Seçicisi
::first-letter Seçicisi
Belirtilen elementin ilk harfini seçmek için kullanılır.
Versiyon: CSS1
Örnek
p::first-letter {
font-size: 40px;
color: red;
}
Codepen Ön izleme
Tarayıcı Desteği
| 1.0 | 1.0 | 9.0 | 1.0 | 7.0 |
CSS :first-child Seçicisi
:first-child Seçicisi
Belirtilen element içindeki ilk elementi seçer.
Versiyon: CSS2
Örnek
ul li:first-child {
color: red;
}
Codepen Ön izleme
Tarayıcı Desteği
| 4.0 | 3.0 | 7.0 | 3.1 | 9.6 |
CSS3 :enabled Seçicisi
:enabled Seçicisi
Etkin elementleri seçmek için kullanılır.
Versiyon: CSS3
Örnek
input[type="text"]:enabled {
background: red;
display:block;
}
Codepen Ön izleme
Tarayıcı Desteği
| 4.0 | 3.5 | 9.0 | 3.2 | 9.6 |
CSS3 :empty Seçicisi
:empty Seçicisi
İçi boş olan elementleri seçmek için kullanılır.
Versiyon: CSS3
Örnek
p:empty {
width:100px;
height:100px;
background: blue;
}
Codepen Ön izleme
Tarayıcı Desteği
| 4.0 | 3.5 | 9.0 | 3.2 | 9.6 |
CSS3 :disabled Seçicisi
:disabled Seçicisi
Seçimi engellenmiş elementleri seçmek için kullanılır.
Versiyon:CSS3
Örnek
input[type="text"]:disabled {
background: red;
}
Codepen Ön izleme
Tarayıcı Desteği
| 4.0 | 3.5 | 9.0 | 3.2 | 9.6 |
CSS3 :checked Seçicisi
:checked Seçicisi
input elementinin sadece radio ve checkbox kutularını seçili olanına stil tanımlamak için kullanılır.
Versiyon: CSS3
Örnek
input:checked {
width:100px;
height:100px;
}
Codepen Ön izleme
Tarayıcı Desteği
| 4.0 | 3.5 | 9.0 | 3.2 | 9.6 |
CSS ::before Seçicisi
::before Seçicisi
Belirtilen elementin öncesine bir şey eklemek için kullanılır.
Versiyon: CSS2
Örnek
a::before {
content:'tıkla -'
}
Codepen Ön izleme
Tarayıcı Desteği
| 4.0 | 3.5 | 9.0 | 3.1 | 7.0 |
CSS ::after Seçicisi
::after Seçicisi
Belirtilen elementin sonuna bir şeyler eklemek için kullanılır.
Versiyon: CSS2
Örnek
a::after {
content:'- tıkla'
}
Codepen Ön izleme
Tarayıcı Desteği
| 4.0 | 3.5 | 9.0 | 3.1 | 7.0 |