CSS:多个属性选择器

前端之家收集整理的这篇文章主要介绍了CSS:多个属性选择器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想为“电子邮件”和“密码”类型的表单输入,但不是其他的。我想象如下:
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>

解决方法

只要这样做:
input[type="email"],input[type="password"]

猜你在找的CSS相关文章