我想知道如何用更少的CSS来做如下的事情：
@H_403_2@.btn {
color : black;
}
.btn:hover {
color : white;
}
.btn-foo {
.btn;
&:hover {
.btn:hover;
}
}
当然,这只是一个例子,需要指出的是,如果有任何方法来扩展伪类,以避免重新键入以下属性：hover伪类,我需要它.我知道我可以为此创建一个mixin,但我想知道是否可以避免.
谢谢
解决方法
更新：
如果您无法修改外部文件,只需重新定义选择器,并添加缺少的状态： @H_403_2@.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; }
如果您无法修改外部文件,只需重新定义选择器,并添加缺少的状态： @H_403_2@.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; }
现在好多了？
