如何在其他div id的悬停中使用div显示块

Question

如何在悬停div代码

上打开href代码

这是我在hover href标签上显示div标签的代码

#Services是id代码的href

#Services是id代码的div

#Service:hover {
    #Services{display: block;}
}

Answer 1

你可能想要这个

HTML

<a id="service">hover Me</a>
<div id="services">Hello I'm here.</div>

CSS

#services
{
    display:none;
}

#service:hover + #services
{
    display:block;
}

这里我使用的是兄弟选择器(+)。因此，请确保您的元素与上面的html匹配。如果您的html结构与我的不同，那么不要担心还有其他选择器，您可以使用。

<强> Js Fiddle Demo

Answer 2

你应该这样做：

<强>的CSS：

#Service:hover #Services{
    display: block;
}

<强> HTML

<a href="" id="Service">
     <div id="Services">With some text</div>
</a>

当您希望#Services与display:block;一起使用时。将鼠标悬停在#Service

上

<强> DEMO

Answer 3

假设HTML标记如下：

<div id="Service"></div>
<div id="Services">Content</div>

CSS将是：

#Service:hover + #Services {
   display: block;
}