我可以使用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 
    } 
}