在SVG子元素上使用伪元素

时间:2016-11-01 10:17:40

标签: html css svg

我目前有一个SVG是英国的地图,我在SVG中添加了一些圆形元素,用作位置标记。

<circle id="newcastle" cx="123.79" cy="152.28" r="2" fill="#ff671f"></circle>

理想情况下,我希望使用选择器

#newcastle:hover::after { ... }

当用户将鼠标悬停在位置标记上时创建一个伪元素,但这似乎不起作用。

我在网上看过,但大多数文章似乎与在伪元素中使用SVG有关,而不是相反。目前是否可以将伪元素添加到SVG元素中,或者这不在规范范围内?如果没有,是否有任何解决方法可以实现这种效果?

0 个答案:

没有答案