Können Sie mit CSS allein bestimmte Wörter in Ankerlinks formatieren?

Styling von Ankern basierend auf Inhalt

F: Ist es möglich, mit CSS allein ein einzigartiges Styling auf bestimmte Wörter anzuwenden, die in Ankerlinks enthalten sind?

A: Leider nein. Der vorgeschlagene CSS3-Selektor :contains ist nicht Teil des aktuellen Arbeitsentwurfs der CSS3-Selektoren. Daher ist JavaScript erforderlich, um die gewünschten Ergebnisse zu erzielen.

Zum Beispiel kann der folgende JavaScript-Code verwendet werden:

Array.from(document.links).forEach(link => {
  if (/\bSpecificWord\b/i.test(link.innerHTML)) {
    link.style.color = 'red';
  }
});

HTML-Beispiel:

<a href="#">SpecificWord</a>
<a href="#">OtherWords</a>

Das obige ist der detaillierte Inhalt vonKönnen Sie mit CSS allein bestimmte Wörter in Ankerlinks formatieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!