如何将CSS悬停设置为SVG映射

我用这个例子：

如何将鼠标悬停添加到县？我试过：

.counties:hover {
    fill:red;
}

path d:hover {
    fill:red;
}

还有一些。不走运。 谢谢。

有两个问题：

countries

是

元素的类，而不是路径。因此，首先为每个路径设置一个类（比如

country

）

这是您的主要问题：D3代码中的这些路径有一个

style（）

，因此这是一个后续规则。因此，如果希望CSS规则覆盖后续规则，请使用

！重要信息

：

.county:hover {
    fill: red !important;
}

或者，也可以更改

attr（）

代码中的

style（）

不要使用

path:hover

，因为状态也有路径。另外，HTML和SVG中都没有

d

元素（

path d:hover

）

d

是路径的属性

以下是更新后的bl.ocks，其中包含这两项更改：