img [class * = "align"], CSS'de ne anlama geliyor?

Question

img[class*="align"] CSS'de ne anlama geliyor?

Bunu birçok stil sayfasında gördüm, ancak neden kullanıldığından ve ne işe yaradığından emin değilim. Herhangi bir fikir?

Answer 1

içerdiği bir sınıfa sahip tüm img öğelerini eşleştirecektir.

spec Bu konuda daha fazla bilgi var

W3 Spec on CSS selectors

Answer 2

O "align" dahil olmak üzere herhangi img etiket sınıfı metinle eşleşen bir attribute selector bu. - olan "fon" özelliği, e elemanı

e [foo * = "çubuk"]: belgeleri (yukarıda bağlantılı) kaynaktan

<img class="dummy align test" /> 
<img class="test align-1" /> 
<img class="hello-align" /> 
<img class="abaligncd" /> 
<img class="align" /> 

: Örneğin, aşağıdakilerden herhangi birini eşleşecektir değer, "bar" alt dizesini içerir.

Bu, popüler CSS çerçevelerinde, her birine yeni bir özdeş sınıf eklemek zorunda kalmadan birden çok benzer sınıf stili oluşturmak için kullanılır.

p[class*="para-"] { ... } 

: elle basitçe kullanarak tüm varyasyonları yazmak zorunda kalmadan

<p class="central para-red">Hello, world!</p> 
<p class="para-green bold">Hello, world!</p> 
<p class="para-blue">Hello, world!</p> 
<p>Hello, world!</p> 

Biz p elemanları olan sınıf "para-" içerir tümüne stil geçerli olabilir: Örneğin, şu biçimlendirmeyi eğer vardı Bu bir JSFiddle example kullanımda.