我需要有关高级Sass嵌套的帮助。假设我有如下所示的复选框样式。
input[type="checkbox"] {
+ label {
// ...
&::before {
// ...
}
}
&:hover + label::before {
// hover styles
}
&:focus + label::before {
// focus styles
}
}
但是我想将悬停和焦点样式嵌套在上方的+ label
和&::before
下。我认为这将更易于阅读和维护。有办法做到这一点吗?我要解决这个错误吗?这种事情通常如何处理?
在sass文档中,他们有一个sort of similar example,但是我很难理解如何在这里应用这种类型的东西。