क्या मैं एक लागू कर सकता हूं: कम सीएसएस मार्कअप के साथ होवर छद्म चयनकर्ता?

Question

भी कम समय में मैं लिंक को छिपाने के रेखांकन के पाठ स्टाइल प्रभावित करने के लिए इस तरह दो नियम लागू कर सकते हैं जब तक कि hovered:

.read-more 
{ 
    a 
    { 
     text-decoration:none; 
    } 
    a:hover 
    { 
     text-decoration:hover; 
    } 
} 

लेकिन मुझे लगता है कि मैं भी इस तरह दो नियमों को परिभाषित करने में सक्षम होना चाहिए:

.reverseHover 
{ 
    text-decoration:none; 
} 

.reverseHover:hover 
{ 
    text-decoration:hover; 
} 

.read-more{ 
    a 
    { 
     .reverseHover; 
    } 
} 

स्पष्ट रूप से कुछ इस तरह क्या करने वाले के बिना::

और फिर दोनों नियमों पाने के लिए एक mixin का उपयोग

.read-more{ 
    a{ 
     .reverseHover; 
    } 
    a.reverseHover:hover 
    { 
     .reverseHover; 
    } 
} 

क्या यह संभव है?

Answer 1

आप & का उपयोग कर पेरेंट चयनकर्ता का संदर्भ दे सकते हैं। आप एक मिक्सर में एक पैरेंट चयनकर्ता का भी उपयोग कर सकते हैं। दस्तावेज़ीकरण lesscss.org पर पाया गया है। नीचे समाधान है।

.reverseHover { 
    text-decoration:none; 
    &:hover { text-decoration:underline; } 
} 
.read-more 
{ 
    a 
    { 
     .reverseHover 
    } 
}