CSS在移动端可以实现鼠标经过的效果。如果我们将样式设置为:hover，那么在鼠标移动到对象上时就会出现相应的效果。但是，在移动设备上，由于没有鼠标，我们需要通过点击或者触碰来实现鼠标经过的效果。

为了在移动设备上实现:hover效果，我们需要使用JavaScript来捕捉触碰事件。触碰事件会以类似于鼠标事件的方式传递，这样我们就可以通过JavaScript来模拟:hover效果。

我们可以使用下列代码来捕捉触碰事件并为相应的元素添加:hover样式：

let el = document.getElementById("my-element");

el.addEventListener("touchstart", function() {
  el.classList.add("hover");
});

el.addEventListener("touchend", function() {
  el.classList.remove("hover");
});

在上述代码中，我们使用addEventListener()来为touchstart和touchend事件添加监听器。在touchstart事件中，我们为元素添加hover类，这样就可以通过CSS来改变元素的样式。在touchend事件中，我们又把hover类移除了，这样就可以将元素恢复到原来的状态。

在CSS中，我们可以使用:hover伪类来为元素添加:hover效果。我们只需要在需要添加:hover效果的元素的CSS规则中添加:hover伪类，然后设置相应的样式即可。

#my-element:hover{
  background-color: red;
  color: white;
}

在上述代码中，我们使用:hover伪类为ID为my-element的元素添加:hover效果。当鼠标经过该元素时，背景颜色变为红色，文本颜色变为白色。

总之，通过JavaScript捕捉触碰事件并使用:hover伪类和CSS样式，我们可以在移动设备上实现鼠标经过的效果。