#

HTML after::

 

Was bedeutet das html after:: und before::?

Mit after:: und before:: kann man vor oder hinter jedem HTML Tag des definierten Typs einen zusätzlichen Hilfstext anzeigen lassen.

 

<style>

p::after { content: "  this is after::"; }

</style>

 

<p>Test P1</p>

<p>Test P2</p>

<p>Test P3</p>

<p>Test P4</p>

 

Ausgabe im Browser

Hinter jedem HTML-Tag wird der Content von after:: eingefügt

Beim Kopieren werden die Texte mit after:: und before:: NICHT mit kopiert. Man kann die Texte auch nicht markieren

 

Kopieren

Beim Kopieren werden die Texte mit after:: und before:: NICHT mit kopiert. Man kann die Texte auch nicht markieren

Test P1

Test P2

Test P3

Test P4

 

 

 

https://www.w3schools.com/cssref/tryit.asp?filename=trycss_sel_after

 

 

 

 

 

Mobile

.