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

做这样的事情的语法是什么:

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

基本上，我想要选择具有name="Sex"属性和value="M"属性的input元素:

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

应该选择不这样的元素:

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

233016 次浏览

小开

最佳答案

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

多个属性选择器可以用来引用多个
.
.
. 这里，选择器匹配所有具有“hello”属性的SPAN元素 “克利夫兰”的值是多少，“再见”的属性是谁的呢值"Columbus":

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

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

JSFiddle Demo

小开

连接属性选择器:

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

小开

对于连接，它是:

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

取并集是:

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

小开

再补充一点，选择器和左括号之间不应该有空格。

下面的语句将触发每个带有名为attr属性的td

td[attr]

下面将触发td中的每个元素，其属性为attr(而不是td本身)

td [attr]