如何在JavaScript中定义自己的伪元素？

Question

我希望能够在JavaScript中定义我自己的伪元素，而不使用任何属性，或者css'hacks'和妥协。伪元素必须更像是静态的::first-child，而不是:hover，它仅在鼠标悬停或执行某些操作时应用。 我能得到的最接近的是：

HTML：

<red ::second-child>ygu</red>

CSS：

[\:\:second\-child] {
    color: red;
}

但是，这显然只是一个属性，我希望它可以在JavaScript中完成，而无需将::second-child作为属性应用，也可以作为css中适当的伪类。例如：red::second-child {}

我的目标是将css应用于::second-child，但我希望能够以相同的方式应用JavaScript来制作其他伪类，例如::third-child。

Answer 1

简短版本：如果您希望浏览器在应用样式时执行此操作，则无法使用。

如果您仍然使用JavaScript来应用这些内容，那么您最好使用类，以获得优化浏览器的优势。