mismo - Especifique múltiples selectores de atributos en CSS
selectores css (5)
¿Cuál es la sintaxis para hacer algo como:
input[name="Sex" AND value="M"]
Básicamente, quiero seleccionar el elemento de input que tiene el name="Sex" atributo name="Sex" y el value="M" atributo value="M" :
<input type="radio" name="Sex" value="M" />
No se deben seleccionar elementos como los siguientes:
<input type="radio" name="Sex" value="F" />
Concatenar los selectores de atributos:
input[name="Sex"][value="M"]
La input[name=Sex][value=M] simple input[name=Sex][value=M] haría bastante bien. Y en realidad está bien descrito en el documento estándar :
Se pueden usar múltiples selectores de atributos 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 "hola" tiene exactamente el valor "Cleveland" y cuyo atributo "adiós" tiene exactamente el valor "Columbus":
span[hello="Cleveland"][goodbye="Columbus"] { color: blue; }
Como nota al margen, el uso de comillas alrededor de un valor de atributo solo es necesario si este valor no es un identificador válido.
Para la concatenación es:
input[name="Sex"][value="M"] {}
Y para tomar la unión es:
input[name="Sex"], input[value="M"] {}
Solo para agregar que no debe haber espacio entre el selector y el soporte de apertura.
td[someclass]
trabajará. Pero
td [someclass]
no lo hare
[class*="test"],[class="second"] {
background: #ffff00;
}