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 |
