Spécifiez plusieurs sélecteurs d’atsortingbuts dans CSS

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; }