值等于 A 或 B 的属性选择器？

【问题标题】：Attribute selector where value equals either A or B?值等于 A 或 B 的属性选择器？
【发布时间】：2011-09-12 21:52:14
【问题描述】：

我想知道是否可以在 CSS 中指定属性等于两个值之一的元素，如下所示：

input[type=text][type=password]

但是这个选择器似乎不起作用（我假设因为两次指定相同的属性是无效的），有人知道怎么做吗？

【问题讨论】：

两次指定相同的属性是有效的。用不同的值两次指定相同的属性也是有效的。只是后者自相矛盾，不可能实现。
是的，我误解了它处理多个属性选择器的方式，认为它可能是一个或案例，但它是作为一个和案例工作的。
更一般的问题：stackoverflow.com/questions/7517429/css-selector-a-or-b-and-c，不仅是属性，还有嵌套事项。

标签： css css-selectors

【解决方案1】：

像这样？ http://jsfiddle.net/m242t/

HTML：

<form>
Username: <input type="username" name="Username" value="Username" /><br />
Password: <input type="password" name="Password" value="Password" /><br />
<input type="submit" value="Submit" />
</form>

CSS：

input[type="username"], input[type="password"] {
    color: blue;
}

【讨论】：

如果我们想选择一个具有这两种输入类型的类怎么办？
这个答案实际上是无效的，你的解决方案需要两个单独的选择器。正如@boltclock 提到的，没有可以匹配属性的多个值的单一选择器。
@biphobe OP 没有指定他们想要 one 选择器。他们想知道如何用属性做 OR 逻辑，这就是方法。您的评论无效。