कम

2013-05-17 4 views
8

में होवर और सक्रिय राज्यों में क्या आप होवर स्थिति के रूप में एक ही पंक्ति पर एक सक्रिय स्थिति जोड़ सकते हैं [कम] में या क्या इसे लाइन अलग लाइनों पर घोंसला होना चाहिए?कम

उदाहरण:

मानक कम

nav { 
    color:@black; 
    display:block; 
    &:hover {color:@primary-color;} 
    &:active {color:@primary-color;}  
} 

किसी भी तरह इस

nav { 
    color:@black; 
    display:block; 
    &:hover, &:active {color:@primary-color;}  
} 

मैं कोशिश की है करने के लिए: [&: मंडराना, &: सक्रिय;] मैं कोशिश की है: [&: होवर; &: सक्रिय;] लेकिन यह काम नहीं लग रहा है।

उत्तर

13

असल में हाँ तुम कर सकते है, और दूसरा संस्करण आपके द्वारा दी गई जब तक आप @primary-color चर को परिभाषित के रूप में सही है:

@primary-color: #f00; 
@black: #000; 

nav { 
    color: @black; 
    display:block; 
    &:hover, &:active {color:@primary-color;}  
} 

का उत्पादन करेगा:

nav { 
    color: #000000; 
    display: block; 
} 
nav:hover, 
nav:active { 
    color: #ff0000; 
} 
+0

हाँ मैंने इसे अपनी mixins.less फ़ाइल में किया था। धन्यवाद रसदार। देर हो चुकी है और मैं अपने कोड के साथ गलती कर रहा हूं। – Tyrone

1

यह देर हो चुकी है और अपनी मूर्खता मुझसे कहता है सोने जाना।

रसदार स्क्रिप्टर जीत प्राप्त करें, मुझे वापस कोडिंग गलतियों के लिए हार मिलती है।

लेकिन हाँ,

nav { 
    color: @black; 
    display:block; 
    &:hover, &:active {color:@primary-color;}  
} 

जवाब है।

+1

@JuicyScripter ने आपकी स्वीकृति के संकेत के रूप में अपनी स्वीकृति टिक को चेक किया, और उसे मेरा +1 मिला। इसलिए मुझे नहीं लगता कि उत्तर को दोबारा जवाब देने की वास्तविक ज़रूरत है। लेकिन खुशी है कि आप इसे काम करने के लिए मिला। शुभ रात्रि^_ ^ –