Wie kann ich Elemente mit Attributen beliebiger Werte in CSS formatieren?

Targeting-Elemente mit Attributen beliebiger Werte in CSS

CSS bietet die Möglichkeit, Elemente mit bestimmten Attributen, wie etwa input[type=text], gezielt anzusprechen. Können wir dies jedoch auf Elemente mit Attributen eines beliebigen Werts erweitern?

Die Herausforderung

Sie möchten Elemente formatieren, die ein Attribut mit einem beliebigen Wert haben (mit Ausnahme derjenigen ohne Attribut). Sie könnten beispielsweise darauf abzielen, Ankertags mit einem definierten rel-Attribut hervorzuheben.

Die Lösung

Um dies zu erreichen, verwenden Sie die folgende Syntax:

a[rel]
{
    color: red;
}

Diese Regel stimmt mit jedem Ankertag () überein, das über ein rel-Attribut verfügt, und fügt den angegebenen Stil hinzu.

Leere Handhabung Werte

Die obige Regel findet jedoch auch Elemente mit leeren rel-Attributen. Um diese auszuschließen, integrieren Sie die :not-Pseudoklasse:

a[rel]:not([rel=""])
{
    color: red;
}

Dadurch werden Ankertags mit nicht leeren rel-Attributen formatiert und so das von vsync aufgezeigte Problem behoben.

Das obige ist der detaillierte Inhalt vonWie kann ich Elemente mit Attributen beliebiger Werte in CSS formatieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!