Geben Sie mehrere Attributselektoren in CSS

Question

Was die Syntax etwas zu tun ist, wie:

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

Grundsätzlich möchte ich das input Element wählen, die das Attribut hat name="Sex" sowie das Attribut value="M":

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

Elemente wie die folgenden sollten nicht gewählt werden:

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

Answer 1

Einfache input[name=Sex][value=M] würde ziemlich schön tun. Und es ist tatsächlich gut beschrieben in der standard doc:

Mehrere Attributselektoren verwendet werden können, um mehrere Attribute eines Elements zu beziehen, oder sogar mehrmals auf das gleiche Attribut.

Hier stimmt der Wähler alle Elemente SPAN deren „Hallo“ Attribut hat genau den Wert „Cleveland“ und dessen „Auf Wiedersehen“ -Attribut hat genau den Wert „Columbus“:

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

Als eine Randnotiz ist das Verwenden von Anführungszeichen um einen Attributwert nur erforderlich, wenn dieser Wert kein gültiger Bezeichner ist.

JSFiddle Demo

Answer 2

Concatenate die Attributselektoren:

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

Answer 3

Denn es verketten ist:

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

Und Vereinigung für nimmt es ist:

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

Answer 4

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

Answer 5

Nur hinzufügen, dass zwischen dem Selektor und der Öffnungsklammer kein Platz sein sollte.

td[someclass] 

wird funktionieren. Aber

td [someclass] 

wird nicht.