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

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