Wie kann ich HTML-Elemente mit mehreren spezifischen Attributen in CSS auswählen?

CSS-Selektoren mit Multiple-Attribut-Matching verfeinern

In CSS ermöglichen Attributselektoren die präzise Auswahl von HTML-Elementen basierend auf ihren Attributen. Beim Umgang mit mehreren Attributen kann die folgende Abfrage auftreten:

F: Wie wähle ich HTML-Elemente aus, die sowohl einen bestimmten Attributnamen als auch einen bestimmten Wert haben? Ich möchte zum Beispiel auf Eingabeelemente mit „Name=Geschlecht“ und „Wert=M“ abzielen.

A: Um mehrere Attribute in einem CSS-Selektor abzugleichen, hängen Sie einfach Attributselektoren mit an ihre gewünschten Namens- und Wertpaare. In Ihrem Beispiel lautet die korrekte Syntax:

input[name=Sex][value=M]

Dieser Selektor wählt Eingabeelemente mit den Attributen „name=Geschlecht“ und „Wert=M“ aus. Andere Eingabeelemente mit unterschiedlichen Attributen, wie „Name=Geschlecht“ und „Wert=F“, werden nicht ausgewählt.

Der W3C-Standard geht weiter auf mehrere Attributselektoren ein: „Mehrere Attributselektoren können verwendet werden, um beziehen sich auf mehrere Attribute eines Elements oder sogar mehrmals auf dasselbe Attribut das „goodbye“-Attribut entspricht „Columbus“:

Beachten Sie, dass Anführungszeichen um Attributwerte erforderlich sind, wenn es sich nicht um gültige Bezeichner handelt.

span[hello="Cleveland"][goodbye="Columbus"]

Zusammenfassend lässt sich sagen, dass die Verwendung mehrerer Attributselektoren dies ermöglicht um CSS-Selektoren präzise zu verfeinern, indem Elemente mit bestimmten Attributkombinationen abgeglichen werden.

Das obige ist der detaillierte Inhalt vonWie kann ich HTML-Elemente mit mehreren spezifischen Attributen in CSS auswählen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!