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不是一种编程语言。