2012-08-15 13 views
5

मैं इस कम फ़ाइल को लिख रहा हूं और मैं फंस गया हूं।कम सीएसएस गतिशील कक्षा का नाम

कोड इस प्रकार है:

.flag (@code) { 
    (~'[email protected]{code}') { 
     + label { 
      &:after { 
       background-image: url('images/flags/@{code}.png'); 
      } 
     } 
    } 
} 

input[type='radio'] { 
    &.flag { 
     .flag(us); 
    } 
} 

अभी, इस निम्नलिखित सीएसएस (.flag और .us के बीच की जगह ध्यान दें)

input[type='radio'].flag .us + label:after { 
    background-image: url('images/flags/us.png'); 
} 

हालांकि, नतीजा यह है कि मैं कर रहा हूँ का उत्पादन की तलाश में निम्नलिखित के रूप में किया जाना चाहिए:

input[type='radio'].flag.us + label:after { 
    background-image: url('images/flags/us.png'); 
} 

जाहिर है मैं Combinator जरूरत है (&) कहीं। लेकिन मुझे यह पता लगाना प्रतीत नहीं होता कि वास्तव में कहां है। मैंने जो भी प्रयास किया है, वह अब तक त्रुटियों या अवांछित परिणामों को पार्स करने में परिणाम देता है। क्या यह शुरू करना भी संभव है?

किसी भी मदद की सराहना की जाएगी।

उत्तर

1

बचने वाले चयनकर्ता में & को अनुमति देने या इस मामले से निपटने के लिए एक सुविधा अनुरोध है, लेकिन मुझे नहीं लगता कि अभी के लिए एक काम है। अगर आपको वह पता चलता है जिसे मैं जानना चाहता हूं।

6

के रूप में [ देर जवाब है, लेकिन बेहतर यहाँ के लिए] कम 1.3.1 (अक्टूबर 2012) आप (~"@{classname}") के बजाय [email protected]{classname} उपयोग कर सकते हैं गतिशील रूप से जो तब वर्ग के नाम उत्पन्न करने के लिए,

: भी कम समय में कक्षा से पहले & के उपयोग और इस कोड

लिए अनुमति देता है

वांछित सीएसएस का उत्पादन करेगा:

input[type='radio'].flag.us + label:after { 
    background-image: url('images/flags/us.png'); 
} 
संबंधित मुद्दे