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

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!