:valid Seçicisi
Geçerli değere sahip tüm “input” elementlerini seçer.
Versiyon: CSS3
Örnek
input:valid {
background-color: red;
}
Codepen Ön izleme
Tarayıcı Desteği
| 10.0 | 4.0 | 10.0 | 5.0 | 10.0 |
Etiket: CSS3 seçici
CSS3 :target Seçicisi
:target Seçicisi
“target” niteliği taşıyan bağlantıları seçer.
Versiyon: CSS3
Örnek
:target {
border: 5px solid red;
background:white;
}
Codepen Ön izleme
Tarayıcı Desteği
| 4.0 | 3.5 | 9.0 | 3.2 | 9.6 |
CSS3 ::selection Seçicisi
::selection Seçicisi
Kullanıcı tarafından seçilen elementi seçer.
Versiyon: CSS3
Örnek
::-moz-selection { /* firefox için */
color: yellow;
background: blue;
}
::selection {
color: yellow;
background: blue;
}
Codepen Ön izleme
Tarayıcı Desteği
| 4.0 | 2.0 -moz- | 9.0 | 3.1 | 9.6 |
CSS3 :root Seçicisi
:root Seçicisi
Belgenin kök öğesini seçer.
Versiyon: CSS3
Örnek
:root {
background: blue;
color:white;
}
Codepen Ön izleme
Tarayıcı Desteği
| 4.0 | 3.5 | 9.0 | 3.2 | 9.6 |
CSS3 :required Seçicisi
:required Seçicisi
required niteliğini taşıyan “input” elementlerini seçer.
Versiyon: CSS3
Örnek
input:required {
display:block;
margin-bottom: 10px;
background-color: red;
}
Codepen Ön izleme
Tarayıcı Desteği
| 10.0 | 4.0 | 10.0 | 5.0 | 10.0 |
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 |