将CSS规则应用于与多个可能的属性值之一匹配的元素

Question

我正在尝试将css规则应用于html属性的多个值。

我尝试像这里描述的那样应用它，但没有成功：

input[name="a"][name="b"] {
    display: none;
}

<input name="a"> <!-- should be hidden -->
<input name="b"> <!-- should be hidden -->
<input name="c"> <!-- should not be hidden -->

该规则根本不适用。

但是，当我仅使用一个属性选择器时，它适用于该一个匹配元素：

input[name="a"] {
    display: none;
}

<input name="a"> <!-- is hidden -->
<input name="b"> <!-- is not hidden -->

我在做什么错/除重复规则外，还有什么方法可以定义它？

Answer 1

分别放置它们，并在两者之间使用逗号，如下所示。

此代码将CSS应用于input[name="a"] 和/或 input[name="b"]。

查看文档以了解更多信息。

注意：我用background-color: red;代替，display: none;所以您可以看到区别。为了适应您的问题，将其更改回display: none;

input[name="a"], input[name="b"] {
    background-color: red;
}

<input name="a" />
<input name="b" />
<input name="c" />