Sass 有没有办法使用&;与父选择器在同一行上?

Sass 有没有办法使用&;与父选择器在同一行上?,sass,Sass,我试图做的是将相同的样式应用于按钮的默认状态,而不是其焦点状态。类似这样的东西,但实际上不止一行样式: .my-button { color: red; &:focus: { color: red; } } 为了避免重复样式,我希望我能写下如下内容: .my-button, &:focus { color: red; } 当然,这不是&的工作原理。有没有办法做到这一点 我知道我可以写。我的按钮,.my按钮:焦点{…}。我只是想了

我试图做的是将相同的样式应用于按钮的默认状态,而不是其焦点状态。类似这样的东西,但实际上不止一行样式:

.my-button {
    color: red;
    &:focus: {
        color: red;
    }
}
为了避免重复样式,我希望我能写下如下内容:

.my-button, &:focus {
    color: red;
}
当然,这不是
&
的工作原理。有没有办法做到这一点


知道我可以写
。我的按钮,.my按钮:焦点{…}
。我只是想了解Sass是否可以做到这一点。

您可以自己使用父选择器,
&&:focus

.my-button {
    &, &:focus {
        color: red;
    }
}

聪明!!!那肯定管用。