我可以使用LESS css標記來應用懸停僞選擇器嗎？

Question

在不太我可以申請兩個規則像這樣影響的鏈接隱藏下劃線的文本樣式，除非徘徊：

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

但我覺得我也應該可以這樣定義兩個規則：

.reverseHover 
{ 
    text-decoration:none; 
} 

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

然後用mixin獲得這兩個規則：

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

，而不必明確做這樣的事情：

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

這可能嗎？

Answer 1

您可以使用&來引用父選擇器。你甚至可以在混音中使用父母選擇器。文檔可在lesscss.org找到。以下是解決方案。

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