: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 |
Etiket: selector
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 |
CSS :link Seçicisi
:link Seçicisi
Bütün bağlantıları seçmek için kullanılır.
Versiyon: CSS1
Örnek
a:link {
background:red;
}
Codepen Ön izleme
Tarayıcı Desteği
| 4.0 | 2.0 | 7.0 | 3.1 | 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 |
CSS3 :invalid Seçicisi
: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 |
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 |