CSS:多属性选择器

Question

我想为“电子邮件”和“密码”类型的表单输入设置样式，但不想设置其他任何样式。我在想像下面这样的事情:

input[type="email"][type="password"] {
    ....
}

但是，属性选择器的工作方式似乎将其解释为“类型同时为‘电子邮件’和‘密码’的输入”。我想要的是“输入类型恰好是‘电子邮件’或‘密码’”。当然，没有什么可以同时属于电子邮件类型和密码类型。

是否可以编写一个或跨多个不同属性选择器的 CSS 规则？

作为引用，HTML 看起来像这样:

<form id="login" onsubmit="return fadeaway()">
    <fieldset>
    <input type="email" placeholder="username"/> <br />
    <input type="password" placeholder="password"/> <br />
    </fieldset>
</form>

Answer 1

只需这样做:

input[type="email"], input[type="password"]