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