¿Cuál es la sintaxis para hacer algo como:
input[name="Sex" AND value="M"]
Básicamente, quiero seleccionar el elemento input
que tiene el atributo name="Sex"
así como el atributo value="M"
:
<input type="radio" name="Sex" value="M" />
Elementos como los siguientes no deben seleccionarse:
<input type="radio" name="Sex" value="F" />
Un simple input[name=Sex][value=M]
estaría muy bien. Y de hecho está bien descrito en el documento estándar:
Los selectores de atributos múltiples pueden usarse para referirse a varios atributos de un elemento, o incluso varias veces al mismo atributo. > Aquí, el selector coincide con todos los elementos SPAN cuyo atributo "hello" tiene exactamente el valor "Cleveland" y cuyo atributo "goodbye" tiene tiene exactamente el valor "Columbus":
span[hello="Cleveland"][goodbye="Columbus"] { color: azul; }
Como nota al margen, el uso de comillas alrededor del valor de un atributo sólo es necesario si este valor no es un identificador válido.
[JSFiddle Demo][2]
Para concatenar's:
input[name="Sex"][value="M"] {}
Y para tomar la unión it's:
input[name="Sex"], input[value="M"] {}