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!
