Können CSS-Selektoren Elemente basierend auf ihrem inneren HTML-Code ansprechen?

Auswählen von Elementen basierend auf innerem HTML in CSS

Frage:

Wie können wir verwenden CSS-Selektoren, um Elemente basierend auf ihrem inneren HTML anzusprechen? Betrachten Sie insbesondere den folgenden HTML-Code:

<a href="example1.com">innerHTML1</a>
<a href="example2.com">innerHTML2</a>
<a href="example3.com">innerHTML3</a>

Ist es möglich, nur das zweite zu formatieren? Element (innerHTML2) mithilfe von CSS-Selektoren basierend auf dem inneren HTML?

Antwort:

Leider ist es mit CSS allein nicht möglich, Elemente basierend auf ihrem inneren HTML gezielt anzusprechen . Das Wertattribut in a[value=innerHTML2] verweist nicht auf den inneren HTML-Code des Ankertags.

Alternativen:

Wenn Sie Elemente basierend auf formatieren möchten Um ihren inneren HTML-Code zu verbessern, können Sie die Verwendung von JavaScript-Frameworks wie jQuery in Betracht ziehen. Hier ist ein jQuery-Selektor, der auf das zweite Element:

$('a:contains("innerHTML2")')

Das obige ist der detaillierte Inhalt vonKönnen CSS-Selektoren Elemente basierend auf ihrem inneren HTML-Code ansprechen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!