: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 |
Etiket: css selector
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 |
CSS :hover Seçicisi
:hover Seçicisi
Farenin üzerinde bulunduğu elementi seçmek için kullanılır.
Versiyon: CSS1
Örnek
a:hover {
color:red;
}
Codepen Ön izleme
Tarayıcı Desteği
| 4.0 | 2.0 | 7.0 | 3.1 | 9.6 |
CSS :focus Seçicisi
:focus Seçicisi
Odağa sahip “input” elementleri seçmek için kullanılır.
Versiyon: CSS2
Örnek
input:focus {
background:red;
}
Codepen Ön izleme
Tarayıcı Desteği
| 4.0 | 2.0 | 8.0 | 3.1 | 9.6 |
CSS3 :first-of-type Seçicisi
: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 |
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 |