Wie ziele ich auf Labels mit spezifischen „for“-Attributen in CSS ab?

Auswählen von Beschriftungen anhand des „for“-Attributs in CSS

Um das Layout bestimmter Beschriftungen basierend auf ihrem „for“-Attribut zu ändern, stellt CSS Attributselektoren bereit.

Attributauswahl für Label

Die Syntax zum Auswählen eines Labels anhand seines „for“-Attributs ist:

label[for="XYZ"]

wobei „XYZ“ den gewünschten Attributwert darstellt.

Verwendung

CSS:

label[for="email"]
{
    /* ...layout definitions here... */
}

JavaScript (DOM):

var element = document.querySelector("label[for=email]");

JavaScript (jQuery):

var element = $("label[for=email]");

Attribute Value Matching

Wenn der Attributwert enthält Zeichen, die in CSS-Bezeichnern nicht zulässig sind (z. B. Leerzeichen, Klammern), schließen Sie sie einfach oder doppelt ein Anführungszeichen:

label[for="field[]"]
{
    /* ...definitions here... */
}

Browserkompatibilität

Beachten Sie, dass Attributselektoren in älteren Browsern wie IE-Versionen unter 8 möglicherweise nicht unterstützt werden. Für eine browserübergreifende Kompatibilität sollten Sie die Verwendung von Klassen oder anderen Strukturmethoden in Betracht ziehen.

Das obige ist der detaillierte Inhalt vonWie ziele ich auf Labels mit spezifischen „for“-Attributen in CSS ab?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!