CSS-Less类使用伪类扩展类

我想知道如何用更少的CSS来做如下的事情:
.btn {
  color : black;
}

.btn:hover {
  color : white;
}

.btn-foo {
  .btn;
  &:hover {
    .btn:hover;
  }
}

当然,这只是一个例子,需要指出的是,如果有任何方法来扩展伪类,以避免重新键入以下属性:hover伪类,我需要它.我知道我可以为此创建一个mixin,但我想知道是否可以避免.

谢谢

解决方法

更新:
如果您无法修改外部文件,只需重新定义选择器,并添加缺少的状态:
.btn {
  // not adding anything here,won't affect existing style
  &:hover {
    // adding my own hover state for .btn
    background: yellow;
    ...
  }
}

// this will make your foo button appear as in external style
// and have the :hover state just as you defined it above
.btn-foo {
  .btn;
}

现在好多了?

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效