Html CSS-a:hover:before-如何在'；悬停区'；？

我不太确定这个问题怎么说，但我正在尝试创建一个链接，所以当你悬停时，一个项目符号会放在链接之前

但是，这不起作用，因为

：before

内容不是悬停区域的一部分，因此当悬停在链接的

：before

区域时，链接会无限振动

这说明了问题所在

---

有没有解决这个问题的CSS解决方案？

它应该包含在悬停区中，因为从技术上讲它是元素的一部分。你在哪个浏览器中观察到这种行为？它似乎对我很有效。请确保在IE9或更高版本、最新的Firefox、safari或chrome中查看此内容。在IE9、chrome和FF中，它的工作方式与我预期的一样。在“悬停”中，链接前添加了两颗红星。很抱歉，为了更清楚，请尝试在链接左侧悬停。我使用的是最新版本的Chrome（23.0.1271.95）。在Safari中也观察到了这个问题。不过，它在FF中运行良好。我制作了一个快速视频来演示这一点：