枚举输入类型的css快捷方式

Question

我可以在CSS中写短吗？

 #reg-form input[type="text"],#reg-form input[type="password"] {
     width: 200px;
     padding: 0px;
 }

像（枚举值）：input[type="text or password or etc.."]

修改

To prevent questions starting Why, what, etc. I'm programmer so I'm lazy so I wanna improve my CSS skills to write it shorter and more synoptic.

Answer 1

我的建议是您使用class来选择元素。例如：

.input-class {
  width: 200px;
  padding: 0px;
}

然后：

<input type="text" class="input-class" />
<input type="password" class="input-class" />

但问题的直接答案是否。你可以做一些像hacky这样的事情：

input:not([type='checkbox']) {
  width: 200px;
  padding: 0px;
}

除了复选框之外，这将应用于所有输入元素。但这不是一件美丽的事情。所以：

input[type='text'], input[type='password'] {}

是你能做的最小的事情。