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;
}
}
聪明!!!那肯定管用。