Wie wähle ich Elemente mit mehreren Attributen in CSS aus?

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]

Um beispielsweise ein Eingabeelement mit dem Attributnamen „Sex“ und dem Attributwert „M“ auszuwählen, würden Sie Folgendes verwenden Selektor:

input[name=Sex][value=M]

Beispiel:

Berücksichtigen Sie das folgende HTML-Markup:

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

Das erste Eingabeelement würde durch die Eingabe ausgewählt [name=Sex][value=M]-Selektor, da er sowohl die Attribute name="Sex" als auch value="M" hat. Das zweite Eingabeelement würde nicht ausgewählt, da es das Attribut value="F" anstelle von value="M" hat.

Hinweis:

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

Referenz:

Diese Syntax ist in der CSS-Standarddokumentation ausführlich beschrieben:

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

Das obige ist der detaillierte Inhalt vonWie wähle ich Elemente mit mehreren Attributen in CSS aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!