it-swarm.com.ru

Укажите несколько селекторов атрибутов в 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" />
243
John

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

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

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

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

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

JSFiddle Demo

350
raina77ow

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

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

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

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

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

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

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

td[someclass] 

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

td [someclass] 

не буду.

5
Jean-Philippe Martin