Укажите несколько селекторов атрибутов в CSS

Каков синтаксис для выполнения чего-то вроде:

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" />

Простое input[name=Sex][value=M]было бы неплохо. И это на самом деле хорошо описано в стандартном документе :

Несколько селекторов атрибутов могут использоваться для ссылки на несколько атрибутов элемента или даже несколько раз на один и тот же атрибут.

Здесь селектор соответствует всем элементам SPAN, у которых атрибут «hello» имеет в точности значение «Cleveland», а чей атрибут «до свидания» имеет в точности значение «Columbus»:

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

Как примечание, использование кавычек вокруг значения атрибута требуется только в том случае, если это значение не является допустимым идентификатором.

JSFiddle Demo

Для объединения это:

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

И для принятия союза это:

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

Объединить селекторы атрибутов:

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

Просто добавлю, что между селектором и открывающей скобой не должно быть места.

td[someclass] 

буду работать. Но

td [someclass] 

не буду.

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