CSS after Selector example code tutorial

Libraries

HTML Library CSS Library JavaScript Library PHP Library

Videos

PHP and MySQL JavaScript HTML and CSS Vector and 3D Flash Actionscript Android Dev Miscellaneous

Resources

CSS after Selector example Share / Like

The CSS after pseudo-element selector ( X::after { } ) is used to generate content to the targeted element or elements directly after the content inside of them renders. Reference the content property to see possible values of content types that can be generated, you can generate more than just string content.

CSS CODE EXAMPLE

<!DOCTYPE html>
<style type="text/css">
h3::after {
content: " is love";
}
</style>
<h3>Joy</h3>
<h3>Fun</h3>
<h3>Respect</h3>