CSS3 :disabled Seçicisi

:disabled Seçicisi

Seçimi engellenmiş elementleri seçmek için kullanılır.

Versiyon:CSS3

Örnek

input[type="text"]:disabled {
    background: red;
}

Codepen Ön izleme

Tarayıcı Desteği

4.0 3.5 9.0 3.2 9.6

CSS ::before Seçicisi

::before Seçicisi

Belirtilen elementin öncesine bir şey eklemek için kullanılır.

Versiyon: CSS2

Örnek

a::before {
  content:'tıkla -'
}

Codepen Ön izleme

Tarayıcı Desteği

4.0 3.5 9.0 3.1 7.0

CSS [attribute~=value] Seçicisi

[attribute~=value] Seçicisi

Belirli bir kelimeyi içeren elementleri seçmek için kullanılır.

Versiyon:CSS2

Örnek

span[title~=w3tr]{
  display:block;
  font-size: 30px;
  color: blue;
}

Codepen Ön izleme

Tarayıcı Desteği

4.0 2.0 7.0 3.1 9.6

CSS [attribute=value] Seçicisi

[attribute=value] Seçicisi

Belirtilen öznitelik ve değere göre element seçer.

Versiyon:CSS2

Örnek

a[target=_blank] {
  display: block;
  font-size:30px;
  color:red;
}

Codepen Ön izleme

Tarayıcı Desteği

4.0 2.0 7.0 3.1 9.6

CSS [attribute] Seçicisi

[attribute] Seçicisi

Öznitelikleri ile elementleri seçmek için kullanılır.

Versiyon:CSS2

Örnek

a[target] {
  background: blue;
  color: white;
  font-size: 20px;
}

Codepen Ön izleme

Tarayıcı Desteği

4.0 2.0 7.0 3.1 9.6

CSS * Seçicisi

* Seçicisi

Tüm elementleri seçer.

VERSİYON: CSS2

Örnek

* {
  background: blue;
}

Codepen Ön izleme

Tarayıcı Desteği

EVET EVET EVET EVET EVET

CSS .class Seçicisi

.class Seçicisi

html atadığımız sınıfları belirterek özellik atamak için kullanılır.

VERSİYON:  CSS 1

Örnek

.w3tr {
  background: red;
}

Codepen Ön izleme

Tarayıcı Desteği

EVET EVET EVET EVET EVET