Skip to main content
adicionei mais informações erro ortográfico
Fonte Link
hugocsl
  • 66,9mil
  • 17
  • 88
  • 166

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

Alguns pseudo elements tem esses dois pontos

/* CSS3 syntax */
::after

/* CSS2 syntax */
:after

Veja a referencia completa ::after ::before ::first-letter ::first-line ::selection ::backdrop

https://developer.mozilla.org/pt-BR/docs/Web/CSS/Pseudo-elementos

Os pseudo elements podem ter esses dois pontos dependendo do versão do CSS

/* CSS3 syntax */
::after

/* CSS2 syntax */
:after

Para 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 sintaxe é 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

Fonte Link
hugocsl
  • 66,9mil
  • 17
  • 88
  • 166

Alguns pseudo elements tem esses dois pontos

/* CSS3 syntax */
::after

/* CSS2 syntax */
:after

Veja a referencia completa ::after ::before ::first-letter ::first-line ::selection ::backdrop

https://developer.mozilla.org/pt-BR/docs/Web/CSS/Pseudo-elementos