Posso applicare a: hover pseudo selettore con il markup LESS css?

Question

in meno posso applicare due regole come questo per influenzare stile del testo del link per nascondere sottolineare a meno che aleggiava:

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

ma mi sento come dovrei anche essere in grado di definire due regole in questo modo:

.reverseHover 
{ 
    text-decoration:none; 
} 

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

E quindi utilizzare un mixin per ottenere entrambe le regole:

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

senza dover fare esplicitamente qualcosa di simile:

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

È possibile?

Answer 1

È possibile fare riferimento al selettore genitore utilizzando &. Puoi anche usare un selettore genitore in un mixin. La documentazione è trovata a lesscss.org. Di seguito è la soluzione.

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