如何在 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; }