css - 使用 css 3 显示 <div>

Question

我有个问题，我有一个class和一个div。该类在 display:none 上设置，当鼠标悬停时我必须显示第一个 div(这是在 display:block 中设置的)

我试过:

.1:hover + div#2

{
    display: block;
}

但它不起作用。有没有人知道在 css3 中做这个？ 感谢大家!

Answer 1

这就是你想要的？ DEMO

我使用了 visibility 属性。

如果你想要更好的效果，可以这样做:DEMO with transition

如果你想使用display属性，你只需要设置这些属性:

div#two {
    display: none;
}

div#one:hover + div#two {
    display: block;
}

当标记是:

<div id="one"></div>
<div id="two"></div>

+(加号)选择器用于“定位”相邻元素。

This is a good article about CSS selectors.

PS:你不能这样做:

<div id="1">...</div> 

因为你不能使用数字作为标识符。

要乖， 莱昂纳多