所以我试图做到这一点,当你悬停一个列表项时,它会改变相应 svg 形状的颜色。由于这些是单独 div 中的元素,是否可以仅使用 css 来做到这一点?
这是迄今为止我所拥有的 Codepen:http ://codepen.io/rewerbj/pen/LVLRaK
那么我是否必须给每个 svg 部分一个不同的类名?
我试过了:
.region-list li:hover + .map-shape {
fill: #213A46;
}
Run Code Online (Sandbox Code Playgroud)
那没有用,所以我不确定是否必须使用 jQuery,如果是这样,最动态的方法是什么。
欢迎任何建议。谢谢!