在CSS中指定多个属性select器

什么是做类似的语法：

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

基本上，我想select具有属性name="Sex"以及属性value="M"的input元素：

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

不应select以下元素：

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

Answer 1

简单的input[name=Sex][value=M]会相当不错。 ）在标准的文档中它实际上是很好的描述：

可以使用多个属性select器来引用元素的几个属性，甚至可以引用相同属性的几个属性。

在这里，select器匹配其“hello”属性具有恰好值“Cleveland”并且其“goodbye”属性恰好具有值“Columbus”的所有SPAN元素：

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

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

演示 。

Answer 2

连接它是：

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

而为了参加工会，它是：

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

Answer 3

连接属性select器：

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

Answer 4

只是要补充说，select器和开放支架之间应该没有空间。

 td[someclass] 

将工作。 但

 td [someclass] 

将不会。

Answer 5

 [class*="test"],[class="second"] { background: #ffff00; }