uma - seletores css w3c




Especifique vários seletores de atributos no CSS (4)

Qual é a sintaxe para fazer algo como:

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

Basicamente, eu quero selecionar o elemento de input que tem o atributo name="Sex" , bem como o value="M" do atributo value="M" :

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

Elementos como o seguinte não devem ser selecionados:

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

A input[name=Sex][value=M] simples input[name=Sex][value=M] seria muito boa. E é 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 combina todos os elementos SPAN cujo atributo "hello" tem exatamente o valor "Cleveland" e cujo atributo "adeus" tem exatamente o valor "Columbus":

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

Como uma nota 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.

Demonstração JSFiddle


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.


Para concatenar é:

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

E por ter união é:

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

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






css-selectors