CSSinputtypesselect器 – 可能有一个“或”或“不”的语法?

如果它们存在于编程中)

如果我有一个带有以下input的HTML表单:

<input type="text" /> <input type="password" /> <input type="checkbox" /> 

我想将样式应用于type="text"type="password"所有input。

或者,我会解决所有input的type != "checkbox"

看来我必须这样做:

 input[type='text'], input[type='password'] { // my css } 

有没有办法做到这一点:

 input[type='text',type='password'] { // my css } 

要么

 input[type!='checkbox'] { // my css } 

我看了一下,似乎没有办法用一个CSSselect器来做到这一点。

当然不是什么大问题,但我只是一只好奇的猫。

有任何想法吗?

CSS3有一个伪类叫:not()

 input:not([type='checkbox']) { visibility: hidden; } 
 <p>If <code>:not()</code> is supported, you'll only see the checkbox.</p> <ul> <li>text: (<input type="text">)</li> <li>password (<input type="password">)</li> <li>checkbox (<input type="checkbox">)</li> </ul> 
 input[type='text'], input[type='password'] { // my css } 

这是做到这一点的正确方法。 可悲的CSS不是一种编程语言。