css - 在CSS 3中显示<div>

我有一个问题，我有一堂课，一格。该类在display：none上设置，当鼠标悬停时我必须显示第一个div（在display：block中设置）

我试过了：

.1:hover + div#2

{
    display: block;
}

但这不起作用。有谁有想法在CSS3中做到这一点？
谢谢大家！

最佳答案

这是你想要的吗？ 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>

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

好好
列昂纳多

关于css - 在CSS 3中显示<div>，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17262992/