Free Code Snippets in C#, Net Framework, Office 365, ASP.Net,WPF, Visual Studio, SQL Server, Antivirus free
#

HTML after::

 

What does the html after :: and before :: mean?

With after :: and before :: you can display an additional help text before or after each HTML tag of the defined type.

 

<style>

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

</style>

 

<p>Test P1</p>

<p>Test P2</p>

<p>Test P3</p>

<p>Test P4</p>

 

Output in the browser

Behind every HTML tag the content of after :: is inserted

When copying, the texts are copied with after :: and before :: NOT. You can not mark the texts either

 

Copy

When copying, the texts are copied with after :: and before :: NOT. You can not mark the texts either

Test P1

Test P2

Test P3

Test P4

 

 

 

[Lnk "https://www.w3schools.com/cssref/tryit.asp?filename=trycss_sel_after" /]

 

 

 

 

 

Mobile
»
HTML: Move the position of an element only up to a certain position
»
Javascript: attach event to all children
»
Asp: Display image refreshed despite browser cache
»
Show Emoticons as Black and White Graphics
»
jQuery Example: Convert text to number, swap image
»
How can I copy something to the clipboard with a button from a web page?
»
Javascript: how to get the URL of the current website
»
Javascript: Query dialog OK Cancel
»
Bilder automatisch in der Größe anpassen mit CSS
»
Javascript: change style in javascript

.

Contact for Jobs, Project Requests: raimund.popp@microsoft-programmierer.de