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

5 votes116 views4 answers
Paginate bs
CSS
0 vote132 views1 answer
Inline-block column appear higher than others
CSS
0 vote152 views1 answer
Using target="_blank" without rel="noreferrer" (which implies rel="noopener") is a security risk in older browsers: see https://mathiasbynens.github.io/rel-noopener/#recommendations
CSS
-1 vote187 views2 answers
Bootstrap 4 popover content from div
CSS Bootstrap
0 vote152 views1 answer
Sass each index
CSS
0 vote128 views1 answer
Center a spinner css
CSS
1 vote170 views1 answer
Animated website
CSS
0 vote133 views1 answer
Opposite of :not css
CSS
32 votes128 views2 answers
Git stop merge
CSS
0 vote138 views2 answers
How to remove default look of button
CSS