"#someid ul li.someclass a" और "#someid ul li .someclass a" के बीच अंतर? (व्हाइटस्पेस पर ध्यान दें)

Question

मुझे सीएसएस में ज्यादा अनुभव नहीं हैं, लेकिन हाल ही में मुझे पता चला है कि क्लास चयनकर्ता से पहले और एक के बिना एक सफेद जगह होने के बीच एक अंतर है। अब तक, मुझे केवल इतना पता है कि उन्हें दो अलग-अलग चीजों के रूप में व्याख्या किया गया है ... क्या सीएसएस में अनुभव किया गया कोई मुझे बता सकता है कि विशेष अंतर क्या है? क्या यह आईडी चयनकर्ता पर भी लागू होता है?

धन्यवाद। अपने उत्तरों की सराहना करते हैं।

Answer 1

#someid ul li.someclass a मतलब है

लंगर कि
सूची आइटम वर्ग someclass है और खुद को
अव्यवस्थित सूचियों कि आईडी someid साथ
तत्व के वंशज हैं के वंशज हैं कि के वंशज हैं।

#someid ul li .someclass a मतलब है

लंगर उस वर्ग someclass है
किसी भी तत्व के वंशज हैं और खुद को
सूची आइटम है कि उस वंशज हैं
अव्यवस्थित सूचियों के वंशज हैं के वंशज हैं
आईडी someid के साथ तत्व।

तो, निम्न मार्कअप में <a> तत्व मिलान किया जाता है पहला नियम है, लेकिन दूसरे से नहीं:

<div id="someid"> 
    <ul> 
     <li class="someclass"> 
      <a href="foo.html" /> 
     </li> 
    </ul> 
</div> 

और निम्न मार्कअप में <a> तत्व दूसरा नियम के अनुरूप है, लेकिन पहले से नहीं:

<div id="someid"> 
    <ul> 
     <li> 
      <span class="someclass"> 
       <a href="foo.html" /> 
      </span> 
     </li> 
    </ul> 
</div> 

Answer 2

दो उदाहरण:

#someid ul li.someclass a इस उदाहरण

<div id="someid"> 
    <ul> 
    <li class="someclass"> 
     <a href="http://www.example.com">link</a> 
    </li> 
    </ul> 
</div> 

#someid ul li .someclass a में एंकर टैग मारा इस उदाहरण में एंकर टैग मारा जाएगा

<div id="someid"> 
    <ul> 
    <li> 
     <div class="someclass"> 
     <a href="http://www.example.com">link</a> 
     </div> 
    </li> 
    </ul> 
</div> 

भी ध्यान दें कि यह उन दोनों को मारा जाएगा:

<div id="someid"> 
    <ul> 
    <li class="someclass"> 
     <div class="someclass"> 
     <a href="http://www.example.com">link</a> 
     </div> 
    </li> 
    </ul> 
</div>