nuevos - ¿Pueden los pseudo-elementos ser usados ​​solos en CSS?

selectores avanzados css

Question

De acuerdo con W3C, la definición de selector no cubre un pseudo-elemento: https://www.w3.org/TR/css3-selectors/#selector-syntax

El enlace de arriba dice:

Un selector es una cadena de una o más secuencias de selectores simples separados por combinadores.

y también dice:

Un selector simple es un selector de tipo, selector universal, selector de atributos, selector de clases, selector de ID o pseudoclase.

En cuanto a cómo debe usarse un pseudo-elemento, dice:

Se puede agregar un pseudo-elemento a la última secuencia de selectores simples en un selector.

y

Solo un pseudo-elemento puede aparecer por selector, y si está presente debe aparecer después de la secuencia de selectores simples que representa los sujetos del selector.

Entonces, ¿eso significa que un pseudo-elemento solo puede ser un sufijo para un selector "válido" y no debe usarse solo?

Answer 1

¿eso significa que un pseudo-elemento solo puede ser un sufijo para un selector "válido" y no debe usarse solo?

Su conclusión no es verdadera, porque el selector universal * puede omitirse.

Si un selector universal representado por * [...] es seguido inmediatamente por un pseudo-elemento , entonces el * puede ser omitido y la presencia del selector universal implicada.

De modo que puede usar un pseudo-elemento solo, por ejemplo, ::before , porque bajo el capó se tratará como *::before .

::before {
  content: ''Hello!'';
}