Javascript tippy.js工具提示不响应css样式

我正在使用tippy.js作为我的浏览器，直到今天早上，它们一直工作正常。突然，它们不会响应任何CSS样式，只会恢复为默认的深灰色背景，并带有边框半径。不过，它们会响应脚本中的更改，就像让它们跟随光标一样。 这是脚本，我尝试重新安装了很多，但我不知道发生了什么

<!-- Development -->
<script src="https://unpkg.com/@popperjs/core@2/dist/umd/popper.min.js"></script>
<script src="https://unpkg.com/tippy.js@6/dist/tippy-bundle.umd.js"></script>

<!-- Production -->
<script src="https://unpkg.com/@popperjs/core@2"></script>
<script src="https://unpkg.com/tippy.js@6"></script>

<script>
tippy('[title]', {
    theme: 'custom',
    arrow: false,
    followCursor: true,
    
    content(reference) {
      const title = reference.getAttribute('title');
      reference.removeAttribute('title');
      return title;
    },
});
</script>

---

不要使用

.tippy工具提示。自定义主题

使用

.tippy框[数据主题~=“自定义”]

其余的都一样

.tippy-box[data-theme~="custom"] {
  background-color: #f7f7f7;
  color: black;
  border: 1px solid #ededed;
  border-radius: 0;
}

代码笔：

---

文档：

一个JSFIDLE或一个代码片段就好了。css选择器不应该是：。tippy tooltip[data theme~='custom']？我在评论中告诉另一个人它在哪里，如果你想看一下的话。谢谢，但这似乎仍然不起作用（我之前也试过）。我通过tumblr对其进行编码，所以这可能是问题所在？如果您想查看完整的代码，则可以链接到它there@noahsczerny我已经测试过了，它看起来像是一个Tumblr错误。

.tippy-box[data-theme~="custom"] {
  background-color: #f7f7f7;
  color: black;
  border: 1px solid #ededed;
  border-radius: 0;
}