सीएसएस "[वर्ग * = मेरी श्रेणी] .my-subclass" क्या कर रहा है?

Question

मैं कुछ सीएसएस विरासत में मिला है और मैं समझने के लिए सीएसएस का एक ब्लॉक है कि तरह लग रहा है द्वारा व्यक्त की जा रही है हर जगह ऑनलाइन खोज की है:

[class*=wrapper] .logo { 
       padding-top: 32px !important; 
      } 

तारांकन और वर्ग कोष्ठक क्या कर रहा है?

[और * google पर खोजना मुश्किल है ... क्षमा करें यदि प्रश्न गूंगा है।

Answer 1

यह कक्षा logo के साथ एक तत्व का चयन करता है जिसमें पूर्वजों की श्रेणी में wrapper है। उदाहरण के लिए ध्यान दें कि कक्षा burgerwrapper भी नीचे चयनित तत्व को जन्म देती है।

[class*=wrapper] .logo { 
 
    color: #f99; 
 
}

<div class="logo">Not selected</div> 
 

 
<div class="wrapper"> 
 
    <div class="logo"> 
 
    Selected 
 
    </div> 
 
</div> 
 

 
<div class="burgerwrapper"> 
 
    <div class="logo"> 
 
    Selected 
 
    </div> 
 
</div>

विशेषता चयनकर्ताओं पर कुछ पृष्ठभूमि जानकारी के लिए http://css-tricks.com/attribute-selectors/ देखें।

Answer 2

क्या वर्ग कोष्ठक

गुण चयनकर्ताओं

सीएसएस 2.1 लेखकों नियम है कि तत्व है जो कुछ विशेषताओं स्रोत दस्तावेज़ में परिभाषित किया गया है से मेल खाते हैं निर्दिष्ट कर सकते हैं कर रहे।

Attribute selectors w3

तारांकन

सबस्ट्रिंग मिलान विशेषता चयनकर्ताओं क्या है

[att * = वैल] att विशेषता जिसका मूल्य शामिल साथ एक तत्व का प्रतिनिधित्व करता है सबस्ट्रिंग "वैल" का कम से कम एक उदाहरण। यदि "वैल" खाली स्ट्रिंग है तो चयनकर्ता कुछ भी प्रस्तुत नहीं करता है।

Substring matching attribute selectors

यह आप में निष्कर्ष निकालने के लिए ऊपर उदाहरण:

[class*=wrapper] .logo { 
 
    color: red; 
 
}

<div class="wrapper"> 
 
    <div>not this</div> 
 
    <div class="logo">this</div> 
 
    <div class="logo">this</div> 
 
</div> 
 
<div> 
 
    <div>not this</div> 
 
    <div class="logo">not this</div> 
 
    <div>not this</div> 
 
</div>

वर्ग .logo अपने माता पिता के तत्व मूल्य के साथ वर्ग विशेषता है कि के साथ करें, चाइल्ड तत्वों wrapper कहीं दिखाई देता है उस विशेषता में।