Javascript 当链接前面的任何位置被悬停/点击时，如何触发该动画？

我有一个动画，应该在链接后面运行。以下是示例：以下是我的html和css：

*，*：之前，*：之后{
保证金：0；
填充：0；
}
.集装箱{
位置：相对位置；
宽度：100%；
高度：100vh；
}
.container>div{
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.包裹{
位置：相对位置；
宽度：100%；
高度：100vh；
}
林奇先生{
宽度：自动；
显示器：flex；
证明内容：中心；
对齐项目：居中；
z指数：2；
}
.谢谢{
颜色：洋红色；
文字装饰：无；
空白：nowrap；
字号：2em；
字体系列：arial；
}
脉冲发生器{
位置：绝对位置；
显示：块；
宽度：继承；
填充顶部：20px；
高度：2米；
z指数：-1；
}
脉冲发生器{
位置：绝对位置；
保证金：0；
填充：0；
高度：20px；
宽度：20px；
边界半径：50%；
z指数：-1；
}
脉冲发生器p：之前{
内容：''；
位置：绝对位置；
高度：15px；
宽度：15px；
最高：0%；
左：0%；
底部：0%；
右：0%；
边界半径：50%；
边框：2px实心#2cfa1f；
背景大小：100%；
边界半径：50%；
不透明度：0；
/*}
.pulser p:悬停：之前{*/
动画名称：脉冲；
动画持续时间：1.5s；
动画延迟：计算（var（--动画顺序）/.33*100ms）；
动画填充模式：两者都有；
动画计时功能：轻松进出；
动画迭代次数：无限；
}
@关键帧脉冲{
0% {
变换：比例（0）；
}
33% {
不透明度：1；
}
100% {
转换：比例（2.7）；
不透明度：0；
}
}

要在链接文本悬停时触发动画，我们需要在链接对象上感知悬停，而不是脉冲发生器本身

此代码段更改了

.pulser p:hover:before

到

*，*：之前，*：之后{
保证金：0；
填充：0；
}
.集装箱{
位置：相对位置；
宽度：100%；
高度：100vh；
}
.container>div{
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.包裹{
位置：相对位置；
宽度：100%；
高度：100vh；
}
林奇先生{
宽度：自动；
显示器：flex；
证明内容：中心；
对齐项目：居中；
z指数：2；
}
.谢谢{
颜色：洋红色；
文字装饰：无；
空白：nowrap；
字号：2em；
字体系列：arial；
}
脉冲发生器{
位置：绝对位置；
显示：块；
宽度：继承；
填充顶部：20px；
高度：2米；
z指数：-1；
}
脉冲发生器{
位置：绝对位置；
保证金：0；
填充：0；
高度：20px；
宽度：20px；
边界半径：50%；
z指数：-1；
}
脉冲发生器p：之前{
内容：''；
位置：绝对位置；
高度：15px；
宽度：15px；
最高：0%；
左：0%；
底部：0%；
右：0%；
边界半径：50%；
边框：2px实心#2cfa1f；
背景大小：100%；
边界半径：50%；
不透明度：0；
}
.linky的东西：悬停。脉冲p：之前{
动画名称：脉冲；
动画持续时间：1.5s；
动画延迟：计算（var（--动画顺序）/.33*100ms）；
动画填充模式：两者都有；
动画计时功能：轻松进出；
动画迭代次数：无限；
}
@关键帧脉冲{
0% {
变换：比例（0）；
}
33% {
不透明度：1；
}
100% {
转换：比例（2.7）；
不透明度：0；
}
}

>

Hi，您说您希望通过将鼠标悬停在文本链接“上方”的任意位置来触发它。这是否意味着光标是否在文本上的任何位置？准确地说，而且完美！。。。再次感谢你。

.linky-thing:hover .pulser p:before