我可以应用这样的两个规则来影响隐藏下划线的链接的文本样式,除非悬停:
.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;
}
}
这可能吗?
答案 0 :(得分:65)
您可以使用&
引用父选择器。你甚至可以在mixin中使用父选择器。文档位于lesscss.org。以下是解决方案。
.reverseHover {
text-decoration:none;
&:hover { text-decoration:underline; }
}
.read-more
{
a
{
.reverseHover
}
}