更改伪元素的样式 ::after of an attribute

Question

我正在创建一个简单的工具提示系统，您可以在其中将属性附加到元素： <div data-tooltip-content="testing out tooltip.">

（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'; 在被点击的卡片的 javascript 中。 然后工具提示被重叠，因为工具提示的 z-index 在 javascript 中被覆盖，然后导致工具提示被其他具有更高 z-index 的东西重叠。 那么有没有一种方法可以更改javascript中工具提示的样式

Answer 1

您无法定位和操作伪元素，因为它实际上并不存在于 DOM 中。

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