Css SVG元素列表

我正在尝试做一些看起来像我添加的代码片段的事情，但是对于svg圆圈，我是否可以将我的svg圆圈放在列表中？当我将鼠标悬停到圆圈中时，我希望框出现

ul#权力列表{
列表样式类型：无；
}
权力清单{
位置：相对位置；
字体大小：20px；
字体系列：helvetica、arial、无衬线字体；
}
权力列表{
位置：相对位置；
显示：无；
}
ul#王位列表李：悬停>span{
位置：绝对位置；
排名：0；
左：100px；
显示：块；
背景：红色；
颜色：白色；
填充：6px；
}
ul#权力列表li:hover>span:after{
右：100%；
最高：50%；
边框：实心透明；
内容：“；
身高：0；
宽度：0；
位置：绝对位置；
指针事件：无；
边框颜色：rgba（136183213,0）；
右边框颜色：红色；
边框宽度：6px；
利润上限：-6px；
}

提利奥尼斯特
洛拉斯泰雷尔
格雷戈克莱甘
布兰登斯塔克
丹妮草属
奥伯伦玛特尔

只需将文本替换为SVG圆圈，就可以使用现有CSS获得相同的功能：

<li><svg><circle cx="10" cy="10" r="10"/></svg><span>Tyrell</span></li>

泰瑞尔
克莱根
赤裸裸的
坦格利安
马爹利

只需将文本替换为SVG圆圈，就可以使用现有CSS获得相同的功能：

<li><svg><circle cx="10" cy="10" r="10"/></svg><span>Tyrell</span></li>

泰瑞尔
克莱根
赤裸裸的
坦格利安
马爹利

您希望您的圈子在哪里？在文本前面，作为列表样式元素？@Tymek否我想放置圆圈而不是文本，当我将鼠标悬停在方框中时shows@RickHitchcock能帮我做一个吗？因为当我这样做的时候disappears@RickHitchcock很抱歉打扰你，这是我的密码，泰瑞尔，斯达克，塔格利安，玛特尔，你的圆圈缺了一个半径。添加类似于我在代码片段中所做的

r=“10”

之类的内容。您希望

您的圆圈位于何处？在文本前面，作为列表样式元素？@Tymek否我想放置圆圈而不是文本，当我将鼠标悬停在方框中时shows@RickHitchcock能帮我做一个吗？因为当我这样做的时候disappears@RickHitchcock很抱歉打扰你，这是我的密码，泰瑞尔，斯达克，塔格利安，玛特尔，你的圆圈缺了一个半径。添加类似于我在代码片段中所做的
r=“10”
。