在LESS中,我可以这样应用两个规则,以影响链接的文本样式,以隐藏下划线,除非鼠标悬停:
.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;
}
}
这是否可能?