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"]