如何在 CSS 中指定多个属性选择器

在 CSS 中，可以根据多个属性选择元素。当您想要使用条件组合定位特定元素时，这会很有用。

语法：

要选择与多个属性值匹配的元素，请使用以下语法:

[attribute1=value1] [attribute2=value2]

例如，选择具有属性的输入元素name="Sex" 且属性 value="M"，您将使用以下选择器：

input[name=Sex][value=M]

示例：

考虑以下 HTML 标记：

第一个输入元素将由 input[name=Sex][value=M] 选择器选择，因为它同时具有name="Sex" 和 value="M" 属性。将不会选择第二个输入元素，因为它具有 value="F" 属性而不是 value="M"。

注意：

使用引号引起来仅当该值不是有效标识符时才需要属性值。

参考：

此语法描述良好CSS标准文档中：

Multiple attribute selectors can be used to refer to several
attributes of an element, or even several times to the same attribute.

...

span[hello="Cleveland"][goodbye="Columbus"] { color: blue; }