Especifique vários seletores de atributos em CSS

Qual é a sintaxe para fazer algo como:

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

Basicamente, quero selecionar o inputelemento que possui o atributo name="Sex"e o atributo value="M":

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

Elementos como os seguintes não devem ser selecionados:

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

Simples input[name=Sex][value=M]seria muito bom. E é realmente bem descrito no documento padrão :

Vários seletores de atributos podem ser usados ​​para se referir a vários atributos de um elemento ou até várias vezes ao mesmo atributo.

Aqui, o seletor corresponde a todos os elementos SPAN cujo atributo "olá" possui exatamente o valor "Cleveland" e cujo atributo "adeus" possui exatamente o valor "Columbus":

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

Como observação lateral, o uso de aspas em torno de um valor de atributo é necessário apenas se esse valor não for um identificador válido.

JSFiddle Demo

Para concatenar é:

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

E para a união é:

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

Concatene os seletores de atributo:

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

Apenas para acrescentar que não deve haver espaço entre o seletor e o suporte de abertura.

td[someclass] 

vai funcionar. Mas

td [someclass] 

não vou.

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