悬停时外部SVG路径的CSS选择

编程问答 2022-06-11

问题描述

<div class="subModuleBtn">
    <object type="image/svg+xml" data="calendar.svg"></object>
    <div class="subModuleBtnText">Submenu1</div>
</div>

对象和div并排显示，以实现按钮的ICON +文本外观

SVG（我已包含CSS文件）的代码为：

<?xml version="1.0" standalone="no"?>
<?xml-stylesheet type="text/css" href="../../css/mainStyle.css"?>
<svg...>
    <path......./>
</g>
</svg>

当我将鼠标悬停在.subModuleBtn上时，如何同时更改SVG属性和.subModuleBtn属性？ 我已经实现了使用路径{}从我的外部CSS选择路径（任何路径）。就是这样。无法选择.subModuleBtn的后代路径。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

selectorselectorsvg