如何创建有效的选择器scss？

Question

我有一个关于sass-lint的问题，我不知道如何解决这个问题。

input {
 & + label::after {
   content: none;
 }

 &:checked + label::after {
   content: '';
 }
}

Sass-lint消息：“伪元素应该嵌套在其父类型选择器中”

感谢您的帮助！

Answer 1

试试这个，结果是一样的。

input {
  + label::after {
   content: none;
  }

 &:checked {
  + label::after {
    content: '';
  }
 }
}

Answer 2

我找到了一个解决方案：

 input {
    & + label {
      &::after {
        content: none;
      }
    }

    &:checked + label {
      &::after {
        content: '';
      }
    }
  }