सीएसएस में img [class * = "align"] का अर्थ क्या है?

Question

img[class*="align"] सीएसएस में क्या मतलब है?

मैंने इसे कई स्टाइलशीट में देखा है, लेकिन मुझे यकीन नहीं है कि इसका उपयोग क्यों किया जाता है और यह क्या करता है। कोई उपाय?

Answer 1

यह सभी img तत्वों से मेल खाता है जिनमें मेंalign शामिल है।

कल्पना, इस बारे में अधिक जानकारी है:

W3 Spec on CSS selectors

Answer 2

यह एक attribute selector जो "align" सहित किसी भी img टैग वर्ग पाठ से मेल खाता है। - एक ई तत्व जिसका "foo" विशेषता

ई [foo * = "बार"]: प्रलेखन (ऊपर लिंक) से

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

: उदाहरण के लिए, यह निम्न में से किसी से मेल खाएंगे मूल्य में सबस्ट्रिंग "बार"

यह लोकप्रिय सीएसएस ढांचे में प्रत्येक के लिए एक समान समान कक्षा को जोड़ने के बिना कई समान कक्षाओं में शैली के लिए उपयोग किया जाता है।

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

: मैन्युअल रूप से बस का उपयोग करके सभी रूपों लिखे बिना

<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 तत्वों जिसका वर्ग में शामिल है "पैरा" सभी के लिए स्टाइल लागू हो सकते हैं: उदाहरण के लिए, अगर हम निम्न मार्कअप था

यहां उपयोग में JSFiddle example है।