Definition and Usage
The CSS :after pseudo-element matches a virtual last child of the selected element. Typically used to add cosmetic content to an element, by using the content CSS property. This element is inline by default.
Syntax
element:after { style properties } /* CSS2 syntax */
element::after { style properties } /* CSS3 syntax */
The ::after notation was introduced in CSS 3 in order to establish a discrimination between pseudo-classes and pseudo-elements. Browsers also accept the notation :after introduced in CSS 2.
Examples
No examples
Compatibility
Desktop browsers
Feature |
Chrome |
Firefox (Gecko) |
Internet Explorer |
Opera |
Safari (WebKit) |
:after support |
(Yes) |
1.0 (1.7 or earlier) |
8.0 |
4 |
4.0 |
::after support |
(Yes) |
1.5 |
9.0 |
7 |
4.0 |
Support of animations and transitions |
26 |
4.0 (2.0) |
Not supported |
Not supported |
Not supported |
Mobile browsers
Feature |
Android |
Firefox Mobile (Gecko) |
IE Mobile |
Opera Mobile |
Safari Mobile |
:after support |
NA |
NA |
NA |
NA |
NA |
::after support |
NA |
NA |
NA |
NA |
NA |
Support of animations and transitions |
26 |
4.0 (4.0) |
Not supported |
Not supported |
Not supported |