So geben Sie mehrere Attributselektoren in CSS an

In CSS ist es möglich, Elemente basierend auf mehreren Attributen auszuwählen. Dies kann nützlich sein, wenn Sie bestimmte Elemente mit einer Kombination von Kriterien ansprechen möchten.

Syntax:

Um Elemente auszuwählen, die mehreren Attributwerten entsprechen, verwenden Sie die folgende Syntax :

[attribute1=value1] [attribute2=value2]

Zum Beispiel, um ein Eingabeelement mit dem Attribut auszuwählen name="Sex" und den Attributwert="M", würden Sie den folgenden Selektor verwenden:

input[name=Sex][value=M]

Beispiel:

Bedenken Sie das folgende HTML-Markup:

Das erste Eingabeelement würde vom Eingabeselektor [name=Sex][value=M] ausgewählt, da es beides hat die Attribute name="Sex" und value="M". Das zweite Eingabeelement würde nicht ausgewählt, da es das Attribut value="F" anstelle von value="M" hat.

Hinweis:

Anführungszeichen verwenden Ein Attributwert ist nur erforderlich, wenn der Wert kein gültiger Bezeichner ist.

Referenz:

Diese Syntax ist gut beschrieben in der CSS-Standarddokumentation:

Multiple attribute selectors can be used to refer to several
attributes of an element, or even several times to the same attribute.

...

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