AlgunsOs pseudo elements tempodem ter esses dois pontos dependendo do versão do CSS
/* CSS3 syntax */
::after
/* CSS2 syntax */
:after
VejaPara esclarecer mais um pouco existem os Pseudo Elements e as Pseudo Classes.
As Pseudo Classes sempre tem apenas um :
já os Pseudo Elements podem ter apenas um :
para funcionar em Browsers mais antigos ou dois ::
para as versões mais novas.
Pseudo Elements
- ::after
- ::before
- ::first-letter
- ::first-line
- ::selection
Pseudo Classes (aqui a referencia completa
::after
::before
::first-letter
::first-line
::selection
::backdropsintaxe é sempre com apena um :
)
- :active
- :checked
- :default
- :dir()
- :disabled
- :empty
- :enabled
- :first
- :first-child
- :first-of-type
- :fullscreen
- :focus
- :hover
- :indeterminate
- :in-range
- :invalid
- :lang()
- :last-child
- :last-of-type
- :left
- :link
- :not()
- :nth-child()
- :nth-last-child()
- :nth-last-of-type()
- :nth-of-type()
- :only-child
- :only-of-type
- :optional
- :out-of-range
- :read-only
- :read-write
- :required
- :right
- :root
- :scope
- :target
- :valid
- :visited
Fonte:
https://developer.mozilla.org/pt-BR/docs/Web/CSS/Pseudo-elementos
https://developer.mozilla.org/pt-BR/docs/Web/CSS/Pseudo-classes