Javascript 使用jQuery或CSS将光标放在伪元素上时隐藏伪元素

我正在制作显示方案函数名帮助屏幕的工具提示。但我希望当光标位于带有名称的范围之外时，工具提示被隐藏，这意味着当我将鼠标悬停在：：before伪元素上时也是如此

.token.\uuuu doc\uuu{
光标：帮助；
位置：相对位置；
字体系列：monospace；
}
.token.\uuuu文档\uuuuu:悬停：：之前{
显示：块；
内容：attr（数据文档）；
}
.token.\uuuuu文件\uuuuuuu：：之前{
位置：绝对位置；
顶部：var（--顶部，100%）；
左：计算值（var（--左，0）*1px）；
z指数：400；
宽度：85厘米；
背景：var（--颜色，#ccc）；
颜色：var（--背景，#000）；
空白：预处理；
填充物：5px；
}

---

让

指针事件：在伪元素上无

.token.\uuuu doc\uuu{
光标：帮助；
位置：相对位置；
}
.token.\uuuu文档\uuuuu:悬停：：之前{
显示：块；
内容：attr（数据文档）；
}
.token.\uuuuu文件\uuuuuuu：：之前{
位置：绝对位置；
顶部：var（--顶部，100%）；
左：计算值（var（--左，0）*1px）；
z指数：400；
宽度：85厘米；
背景：var（--颜色，#ccc）；
颜色：var（--背景，#000）；
空白：预处理；
填充物：5px；
指针事件：无
}

---

让

指针事件：在伪元素上无

.token.\uuuu doc\uuu{
光标：帮助；
位置：相对位置；
}
.token.\uuuu文档\uuuuu:悬停：：之前{
显示：块；
内容：attr（数据文档）；
}
.token.\uuuuu文件\uuuuuuu：：之前{
位置：绝对位置；
顶部：var（--顶部，100%）；
左：计算值（var（--左，0）*1px）；
z指数：400；
宽度：85厘米；
背景：var（--颜色，#ccc）；
颜色：var（--背景，#000）；
空白：预处理；
填充物：5px；
指针事件：无
}

let