Question

我试图让一个特定的组在悬停在其他组上时可见。我已经为我要设置样式的组创建了唯一的ID。之后我还需要在显示组的过程中为它们设置动画。所以我尝试显示：无作为最后的手段，但没有工作，我想使用不透明度：0 - 1;或能见度将是最好的事情。

第二个问题是我不想使用内联svg，所以我从'img'标签转移到了对象标签，但后来我没有找到任何有用的资源来实现它。我从其他服务提供商处获取svg代码，而不是将其存储在本地存储中。是否有可能只有一个svg文件，或任何其他我可以链接到我的html文件的文件，以便我不需要在我的父css，js文件中添加任何css或js。

所以在这个样本中，

g#a:hover + #content-a{
display: block !important;
} 
#a:hover + #content-a{
display: block !important;
}

首先

#content-a{ display:none}
#content-b{ display:none}

我读过的一些文章也谈到了使用

<use />

它会更有效率吗？另外，我将如何通过vanilla javascript加载内联。

以下是链接 - Sample

Answer 1

E + F ：F元素立即以E元素开头

E~F ：前面有E元素的F元素

display: block工作时，默认值实际为display: inline

#a:hover ~ #content-a {
    display: inline;
}

悬停上的Svg使组可见

1 个答案: