CSS [attribute=value] Seçici

Tanım ve Kullanım

CSS [attribute=value] Seçici, belirli bir özelliğe sahip ve bu özellik değeri tam olarak eşleşen elementleri seçmek için kullanılır.

Örnek

Örnek 1

target="_blank" olan tüm <a> elementlerinin stillerini seçin ve ayarlayın. Aynı zamanda lang="it" olan tüm <p> elementlerinin stillerini seçin ve ayarlayın:

a[target="_blank"] {
  background-color: yellow;
}
p[lang="it"] {
  background-color: salmon;
}

Kişisel olarak deneyin

Örnek 2

<input type="text"> elementinin genişliğini 100px olarak ayarlayın. Ancak, odaklandığında genişliğini 250px olarak ayarlayın:

input[type="text"] {
  width: 100px;
}
input[type="text"]:focus {
  width: 250px;
}

Kişisel olarak deneyin

CSS Dilbilgisi

[attribute = value] {
  css declarations;
}

Teknik Ayrıntılar

Tarayıcı Desteği

Tabloda gösterilen rakamlar, bu seçicinin tamamen desteklenen ilk tarayıcı sürümünü belirtir.