387

执行以下操作的语法是什么:

input[name="Sex" AND value="M"]

基本上,我想选择具有属性以及属性的input元素:name="Sex"value="M"

<input type="radio" name="Sex" value="M" />

不应选择以下元素:

<input type="radio" name="Sex" value="F" />
4

5 回答 5

567

简单input[name=Sex][value=M]会很好。它实际上在标准文档中得到了很好的描述:

多个属性选择器可以用来引用一个元素的多个属性,甚至可以多次引用同一个属性。

在这里,选择器匹配所有“hello”属性的值恰好为“Cleveland”且“goodbye”属性的值恰好为“Columbus”的所有 SPAN 元素:

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

作为旁注,仅当属性值不是有效标识符时,才需要在属性值周围使用引号。

JSFiddle 演示

于 2012-09-09T16:22:01.887 回答
85

对于连接它是:

input[name="Sex"][value="M"] {}

对于工会来说,它是:

input[name="Sex"], input[value="M"] {}
于 2015-02-20T10:15:23.090 回答
33

连接属性选择器:

input[name="Sex"][value="M"]
于 2012-09-09T16:22:20.163 回答
5

只是要补充一点,选择器和左括号之间不应该有空格。

td[someclass] 

将工作。但

td [someclass] 

将不会。

于 2017-08-10T20:22:34.233 回答
-8
[class*="test"],[class="second"] {
background: #ffff00;
}
于 2017-06-21T05:27:19.480 回答