css - Nested pseudo selectors with Sass -

मेरा एचटीएमएल जैसा दिखता है

  
  
 यह उन के अंदर पिक्चरोग्राफ आइकन के साथ परिपत्र बुलेट अंक की एक सूची है यद्यपि आप इसे जिस तरह से मैंने इसे पोस्ट नहीं किया है:  
  & lt; div class = "feature-bullet" & gt; & lt; div वर्ग = "सुविधा-चिह्न" & gt; & lt; / div & gt; & Lt; / div & gt;   
 एक एकल रेल द्वारा चार बार आंशिक रूप से प्रस्तुत किया जा रहा है इसलिए मैं अपनी विशिष्टताओं को बदलने के लिए कुछ गोलियों पर अतिरिक्त कक्षाएं नहीं डाल सकता।  
 जो भी कारण से,  फीचर-आइकन  शीर्ष दो बुलेट बिंदु के अंदर हैं और मैं उन्हें सीएसएस छद्म चयनकर्ताओं के साथ चयन करना चाहता हूं और उन्हें कुछ अतिरिक्त मार्जिन देना चाहता हूं। तो मुझे क्या करने की जरूरत है  modal-content  के दूसरे और तीसरे बच्चे लेते हैं और उनके प्रत्येक  div.feature-icon  s को चुनते हैं और उन पर मार्जिन विशेषता डालते हैं।  
 मेरा असामान्य गैर काम .scss था:  
  .modal-content {& amp;: nth-child (2), और: nth-child (3) { .फ़ीचर-आइकन {मार्जिन-बायां: 10px; }}}   
 लेकिन मुझे जल्दी से एहसास हुआ  
 
 मैं इन  nth-child  छद्म चयनकर्ताओं का उपयोग करने के लिए वास्तव में नियमों को समझ नहीं पाया पहली जगह और  
 मुझे विशेष रूप से पता नहीं है कि सास चयनकर्ताओं में उन्हें घोंटने के दौरान अन्य कारक क्या होते हैं   
 क्या यह संभव है? यदि ऐसा है तो मेरे पास कौन से विकल्प हैं I इसके अलावा अगर इस तरह के मुद्दे पर कोई अच्छा दस्तावेज है तो मुझे इसे देखने में दिलचस्पी होगी, लेकिन मुझे नहीं पता था।   
 
 
 यदि आप चयनकर्ताओं के नियमों को नहीं समझते, तो आपको सीएसएस कहां से मिला? बस जिज्ञासु।  
 a।) नियम, दूसरी और तीसरे के लिए, मध्य-सामग्री के लिए कह रहा है, यदि कोई है तो। -छेड़-चिह्न पर 10px के बाएं किनारे पर लागू करें।  < पी> बी।) नेस्टेड होने पर, उन चयनकर्ता उन उदाहरणों में केवल काम करेंगे। यदि आपके पास एक और है। फीचर-आइकन .male-content के बजाय .yellow बॉक्स के एक वर्ग के साथ कुछ कहें, उसे बाएं अंतर नहीं मिलेगा। घोंसले के शिकार तेज स्टाइल के लिए अनुमति देता है और आपके शैलियों की संरचना देता है, लेकिन आपके चयनकर्ताओं को घोंसले के शिकार में अधिक विशिष्ट बनाता है।  
 संपादित करें: आगे की समीक्षा के बाद, केवल एक ही हो जाएगा। यह:  
  .modal-content {.feature-bullet {& amp; nth-child (2), & amp; nth-child (3) {.feature-icon {मार्जिन-बाएं : 10 पीएक्स; }}}}   
 जिस तरह से आप अपना SASS अभी कर रहे हैं, वह कहते हैं कि 2 और 3 के लिए देखें। मध्य-सामग्री, लेकिन केवल मॉडल के लिए एक ही होगा इसके बजाय, आप दूसरे और तीसरे को ढूंढना चाहते हैं। फीचर-बुलेट, और उन के अंदर फीचर आइकन पर मार्जिन लागू करें।