::after selector is used to add the same content multiple times after the content of other elements. This selector is the same as ::before selector.
Syntax:
::after{
content:
}
Below HTMl/CSS code shows the functionality of ::after selector :
<!DOCTYPE html>
<html>
<head>
<style>
p::after {
content: " - Remember this";
background-color: blue;
}
</style>
</head>
<body>
<h3>After Selector</h3>
<p>User ID: @dmor1</p>
<p>Name: dharam</p>
</body>
</html>
Output:
Supported Browsers
- Google Chrome 1.0
- Edge 12.0
- Firefox 1.5
- Safari 4.0
- Opera 7.0
Note: Opera 4-6 supports with single-colon.(:after)