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

如何在JavaScript中定义自己的伪元素?,javascript,html,css,Javascript,Html,Css,我希望能够在JavaScript中定义我自己的伪元素,而不使用任何属性或css“黑客”和妥协。伪元素必须更像是静态的::first child,而不是:hover,它仅在鼠标悬停或执行某些操作时应用。 我能做到的最接近的是: html: <red ::second-child>ygu</red> [\:\:second\-child] { color: red; } 但是,这显然只是一个属性,我希望它可以在JavaScript中完成,而不需要将::second

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

html:

<red ::second-child>ygu</red>
[\:\:second\-child] {
    color: red;
}
但是,这显然只是一个属性,我希望它可以在JavaScript中完成,而不需要将
::second child
作为属性和css中适当的伪类应用。例如:
red::second child{}


我的目标是将css应用于
::second child
,但我希望JavaScript能够以同样的方式应用于其他伪类,如
::third child

简短版本:如果你想让浏览器在应用样式时完成这项工作,你不能


如果你要用JavaScript应用这些东西,最好使用类,以获得浏览器应用的优化优势。

看看代码库,其中有伪类。我不希望使用类plugin@ScriptKitty当前位置我认为建议是您尝试做的是相似的,因此,那里的代码可以作为参考。我不确定你想做的事情是否相似,但如果是的话,这是一个很好的建议。这不是一个伪类,它是一个伪元素,它绝对不是一个“事件”。哎呀!,现在应该更准确了。哦,好吧,我想我在浏览完网页后不能这么做了。这一定是答案。