SASS反向选择输入类型

Question

我需要将类.invalid应用于所有输入类型，但电子邮件和密码

input{
   &[type="everything but email and password"]
   .invalid{
     //styles
   }

}

Answer 1

使用CSS :not()选择器，您可以实现它。

input{
   &:not([type="email"]):not([type="password"]) {
     .invalid{
       //styles
     }
   }
}