Different :after and ::after

Difference between :after and ::after

Pseudo-elements were denoted with a single colon in CSS2,
but have been changed in CSS3
"in order to establish a discrimination between
pseudo-classes and pseudo-elements".
For compatibility reasons a single colon is still allowed for the
pseudo-elements defined in CSS 1 and CSS2.

CSS2
The ':before' and ':after' pseudo-elements can be used to
insert generated content before or after an element's content.

CSS3
Pseudo-elements

A pseudo-element is made of two colons (::) followed by
the name of the pseudo-element.

This :: notation is introduced by the current document in order
to establish a discrimination between pseudo-classes and pseudo-elements.
For compatibility with existing style sheets, user agents must also
accept the previous one-colon notation for pseudo-elements introduced in
CSS levels 1 and 2 (namely, :first-line, :first-letter, :before and :after).
This compatibility is not allowed for the new pseudo-elements introduced in
this specification.

Source: stackoverflow.com

Similar codes

15 votes230 views4 answers
Docker postgres
CSS
0 vote122 views1 answer
Css disable animation on load
CSS
0 vote158 views1 answer
Css space inter words
CSS
0 vote154 views1 answer
Set background transparency
CSS
92 votes157 views6 answers
Center div css
CSS
145 votes197 views6 answers
Add bootstrap to react
CSS
15 votes163 views3 answers
Image rotate with css
CSS
0 vote152 views1 answer
Hover media query
CSS
4 votes140 views2 answers
Transform scale
CSS
1 vote148 views1 answer
Animated website using html and css
CSS