Specifica più selettori di attributo nei CSS

Qual è la sintassi per fare qualcosa del genere:

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

Fondamentalmente, voglio selezionare l' inputelemento che ha l'attributo name="Sex"e l'attributo value="M":

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

Elementi come i seguenti non devono essere selezionati:

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

Semplice input[name=Sex][value=M]sarebbe abbastanza carino. Ed è in realtà ben descritto nel documento standard :

Selettori di attributi multipli possono essere usati per riferirsi a più attributi di un elemento, o anche più volte allo stesso attributo.

Qui, il selettore corrisponde a tutti gli elementi SPAN il cui attributo "ciao" ha esattamente il valore "Cleveland" e il cui attributo "addio" ha esattamente il valore "Columbus":

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

Come nota a margine, è necessario utilizzare le virgolette attorno a un valore di attributo solo se questo valore non è un identificatore valido.

JSFiddle Demo

Per concatenare è:

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

E per prendere l'unione è:

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

Concatena i selettori degli attributi:

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

Solo per aggiungere che non ci dovrebbe essere spazio tra il selettore e la staffa di apertura.

td[someclass] 

funzionerà. Ma

td [someclass] 

no.

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