CSS [attribute|=value] Seçicisi

[attribute|=value] Seçicisi

Belirtilen değerden başlayarak belirtilen niteliği taşıyan elementlerin tamamını seçer.

Versiyon: CSS2

Örnek

span[lang|=en] {
  display: block;
  color: red;
  font-size: 40px;
}

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

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