javascript - 能不能用js给一个div添加一个持续的hover的效果，就像有另一个鼠标一直放在上边？

Question

这是一个before+p+after做的导航条的样式，现在想给所在的页的页码添加一个hover时的样式。
用js控制dom的话我只会改中间p的背景色，before和after的样式不知道如何用dom来操作。
所以我想能不能用js给p添加一个效果使其像一直保持在hover状态一样。
hover时的样式是写好的，整个平行四边形都能变色。

Answer 1

用js给DOM添加一个class，然后css和你hover的写法差不多

Answer 2

不能。

可以在 hover 的样式上再加个类来让 js 控制。

.js-item-hover, .item:hover { ... }