Heim >Web-Frontend >CSS-Tutorial >Kann die CSS-Eigenschaft „content' HTML und nicht nur Text einfügen?

Kann die CSS-Eigenschaft „content' HTML und nicht nur Text einfügen?

Barbara Streisand
Barbara StreisandOriginal
2024-12-09 06:38:11575Durchsuche

Can CSS `content` property insert HTML, not just text?

HTML in CSS-Inhaltseigenschaft einfügen

Frage:

Kann die CSS-Inhaltseigenschaft stattdessen zum Einfügen von HTML-Code verwendet werden? von Text als :before oder :after Inhalt?

.header:before {
  content: '<a href="#top">Back</a>';
}

Antwort:

Das ist leider nicht möglich. Gemäß der CSS-Spezifikation:

Generierter Inhalt verändert den Dokumentbaum nicht. Insbesondere wird es nicht an den Dokumentsprachenprozessor zurückgegeben (z. B. zum erneuten Parsen).

Das bedeutet, dass Zeichenfolgenwerte für die Inhaltseigenschaft immer wörtlich behandelt und nicht als HTML interpretiert werden.

Verwenden Sie das CSS-Beispiel, das mit dem folgenden HTML-Code bereitgestellt wird:

Das obige ist der detaillierte Inhalt vonKann die CSS-Eigenschaft „content' HTML und nicht nur Text einfügen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn