CSS Reference
CSS Reference CSS Selectors CSS Reference Aural CSS Web Safe Fonts CSS Units CSS Colors CSS Color Values CSS Color Names CSS Color HEX CSS3 Browser SupportCSS Properties
CSS :after Selector
Complete CSS Selector Reference
Example
Insert content after every <p> element:
p:after
{
content:"- Remember this";
}
{
content:"- Remember this";
}
Try it yourself »
Definition and Usage
The :after selector inserts content after the selected element(s).
Use the content property to specify the content to insert.
Browser Support
The :after selector is supported in all major browsers.
Note: For :after to work in IE8, a <!DOCTYPE> must be declared.
Related Pages
CSS tutorial: CSS Pseudo-elements
CSS Selector Reference: CSS :before selector
Try it Yourself - Examples
Example
Insert content after every <p> element, and style the inserted content:
p:after
{
content:"- Remember this";
background-color:yellow;
color:red;
font-weight:bold;
}
{
content:"- Remember this";
background-color:yellow;
color:red;
font-weight:bold;
}
Try it yourself »
Complete CSS Selector Reference
Your suggestion:
Close [X]
Thank You For Helping Us!
Your message has been sent to W3Schools.
Close [X]
