CSS [attribute~=value] Seçici

Tanım ve kullanım

CSS [attribute~=value] Seçici, özellik değerinde belirli bir kelime içeren elemanları seçmek için kullanılır.

Aşağıdaki örnek title="flower"、title="summer flower" ve title="flower new" elemanlarını eşleştirecektir, ancak title="my-flower" veya title="flowers" elemanlarını eşleştirmeyecektir.

Örnek

title özelliği "flower" kelimesini içeren tüm elemanların stillerini seçin ve ayarlayın:

[title~="flower"] {
  border: 5px solid green;
}

Kişisel olarak deneyin

CSS Grameri

[attribute ~= value] {
  css declarations;
}

Teknik ayrıntılar

Tarayıcı desteği

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