Sass高级嵌套:在多个级别上应用伪选择器

时间:2019-08-21 18:43:52

标签: css sass

我需要有关高级Sass嵌套的帮助。假设我有如下所示的复选框样式。

input[type="checkbox"] {
  + label {
    // ...

    &::before {
      // ...
    }
  }

  &:hover + label::before {
    // hover styles
  }

  &:focus + label::before {
    // focus styles
  }
}

但是我想将悬停和焦点样式嵌套在上方的+ label&::before下。我认为这将更易于阅读和维护。有办法做到这一点吗?我要解决这个错误吗?这种事情通常如何处理?

在sass文档中,他们有一个sort of similar example,但是我很难理解如何在这里应用这种类型的东西。

0 个答案:

没有答案
相关问题