Quelle est la syntaxe pour faire quelque chose comme:
input[name="Sex" AND value="M"]
Fondamentalement, je veux sélectionner l’élément d’ input
qui a l’atsortingbut name="Sex"
ainsi que l’atsortingbut value="M"
:
Les éléments tels que les suivants ne doivent pas être sélectionnés:
Une input[name=Sex][value=M]
simple input[name=Sex][value=M]
serait très bien. Et c’est en fait bien décrit dans la doc standard :
Plusieurs sélecteurs d’atsortingbuts peuvent être utilisés pour faire référence à plusieurs atsortingbuts d’un élément, voire plusieurs fois au même atsortingbut.
Ici, le sélecteur correspond à tous les éléments SPAN dont l’atsortingbut “hello” a exactement la valeur “Cleveland” et dont l’atsortingbut “goodbye” a exactement la valeur “Columbus”:
span[hello="Cleveland"][goodbye="Columbus"] { color: blue; }
En outre, l’utilisation de guillemets autour d’une valeur d’atsortingbut est requirejse uniquement si cette valeur n’est pas un identificateur valide.
JSFiddle Demo
Pour concaténer c’est:
input[name="Sex"][value="M"] {}
Et pour s’unir c’est:
input[name="Sex"], input[value="M"] {}
Concaténer les sélecteurs d’atsortingbut:
input[name="Sex"][value="M"]
Juste pour append qu’il ne devrait y avoir aucun espace entre le sélecteur et le support d’ouverture.
td[someclass]
marchera. Mais
td [someclass]
ne sera pas.
[class*="test"],[class="second"] { background: #ffff00; }