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;
}

现在好多了？

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。