Mi VSCode me sugiere la siguiente alternativa para implementar el seudoelemento al implementarla funciona, quiza sea porque una cosa son las seudoclases y otra los seudoelementos, quiza el VSCode ayuda a manejar la sintaxis así:
/* seudoelemento */
.items::before {
content: "★ ";
}
/* seudoclase */
.productos li:hover h2{
font-size: 33px;
font-weight: bold;
}
