Вкажіть декілька селекторів атрибутів у 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, атрибут "привіт" має саме значення "Клівленд" і чий атрибут "до побачення" має саме значення "Колумба":

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

Як бічна примітка, використання лапок навколо значення атрибута потрібно лише в тому випадку, якщо це значення не є дійсним ідентифікатором.

Демонстрація JSFiddle

Для об'єднання це:

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;
}