给span标签添加事件 鼠标滑过有箭头

可以使用CSS中的伪元素和transform属性来实现这个效果。具体来说，可以在span标签上添加一个类名，然后使用如下的样式：

span:hover {
  position: relative;
}

span:hover::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -10px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #000;
  transform: translateY(-50%);
}

这个样式会在鼠标滑过span标签时，将其位置设置为相对定位，并在其后面添加一个伪元素。这个伪元素使用绝对定位，并通过设置top和right属性来将其放置在span标签的右侧。箭头的样式由border属性设置，而transform属性则用于将箭头垂直居中对齐。

请注意，这个样式需要在span标签上添加一个类名，例如"arrow"，然后在CSS中使用".arrow"选择器来应用这个样式。