img [class * = "align"]はCSSで何を意味しますか？

Question

CSSでimg[class*="align"]の意味は何ですか？

私は多くのスタイルシートでこれを見てきましたが、なぜそれが使われているのか、何が何であるのか分かりません。何か案が？

Answer 1

imgの要素には、が含まれ、alignの要素がすべて一致します。それは、 "ALIGN" を含む任意のimgタグクラスのテキストと一致するattribute selectorだ

W3 Spec on CSS selectors

Answer 2

：

仕様では、これに関するより多くの情報を持っています。 - その "foo" という属性E要素

E [FOO * = "バー"]：ドキュメント（上記のリンク）から

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

：例えば、それは次のいずれかと一致します値は部分文字列 "bar"を含む

これは人気の高いCSSフレームワークで、それぞれに新しい同一クラスを追加することなく複数の類似したクラスをスタイルするために使用されます。我々は次のマークアップがあった場合たとえば、：

<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> 

を私たちは、そのクラスに手動単に使用して、すべてのバリエーションを入力しなくても、「パラ」が含まれていpのすべての要素にスタイルを適用できます。

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

ここにはJSFiddle exampleが使用されています。