Javascript 更改属性的伪元素：：后的样式

我正在创建一个简单的工具提示系统，您可以在其中将属性附加到元素：

（ps我正在使用sass）

样式：

  content: attr(data-tooltip-content)
  color: white
  background: black
  padding: 5px
  position: absolute
  white-space: nowrap
  border-radius: .20rem
  margin-top: -2rem
  z-index: 14000 !important
  pointer-events: none

---

这些工具提示用于显示卡上的信息。当用户单击这些卡时，它们将展开和折叠。但是当我现在做

el.style['z-index']='0'。然后工具提示被重叠，因为工具提示的z索引在javascript中被覆盖，这会导致工具提示被其他具有更高z索引的内容重叠。那么，是否有一种方法可以更改javascript中工具提示的样式？您不能针对和操作伪元素，因为它实际上不存在于DOM中

但是您可以使用javascript注入样式块。这可能会奏效