css - Less & analog for relative selector -

ये है कि आउटपुट किस प्रकार होना चाहिए:

  .root {...}। नोड {...} .root .red.node {border-color: red;} .root .green .node {border-color: green;} .root .blue .node {बॉर्डर रंग: नीला;}   
 मुझे उम्मीद थी कि इसे इस तरह किया जा सकता है:  
  .root {// शैलियों के लिए .root ... .node {// styles for। नोड ...। एड & amp; {सीमा रंग: लाल;}। ग्रीन & amp; {सीमा रंग: हरा;}। ब्लू एंड amp; {सीमा रंग: नीला;}}}  
 
 लेकिन & amp; मैच '.ओट .नोड' चयनकर्ता। 
 
 कोड के एक ब्लॉक में। नोड के लिए शैलियों लिखना अच्छा होगा। क्या कोई एनालॉग है & amp; लेकिन स्थानीय चयनकर्ताओं के लिए? हो सकता है कि कुछ 'स्विच' है जो कि मूल वर्ग के अनुसार शैलियों को उत्पन्न करने की अनुमति देता है। 
 

; SASS के रूप में काम करता है, वह उस बिंदु पर पूरे चयनकर्ता श्रृंखला को सम्मिलित करेगा, इसलिए यह अपेक्षित रूप से व्यवहार कर रहा है आपको निम्न की तरह कुछ चाहिए:

  .node {// styles .node के लिए ...} .root {// शैलियों के लिए .root ... .red .node {border-color : लाल;} .ग्रीन .नोड {बॉर्डर-रंग: हरा;}। ब्लू .नोड {बॉर्डर-रंग: नीला;}}