Question

我有一个问题有一个链接，当我悬停它应该显示我已经设置的div，基本的CSS看起来像这样，

#adiv { 
max-height: 50px;
max-width: 50px;
z-index: 5;
display: none;
background-color: red;
}


#a:hover + #adiv {
display: block;

}

#a:hover {
color: white;
}

＆＃34;＃A＆＃34;是一个基本的锚元素，当我的代码暗示时，当我转过来时，它会亮起白色。＃adiv＆＃34;＃adiv＆＃34;显示回手动阻止我可以看到红色方块，真的不确定什么可能会扰乱它显示。如果需要，我可以发布HTML，我也可以在codepen http://codepen.io/Keiffy101/pen/aOWJZa上获得任何帮助，我有点不成熟，因为它似乎应该是直接的。

感谢Keiffy101

Answer 1

#a:hover + #adiv {
display: block;

}

这不起作用，因为它假设#a是#adiv的直接兄弟......换句话说，#adiv 立即跟随{{1}在你的HTML中....并且它没有。

事实上，根据您当前的HTML结构，无法将鼠标悬停在#a上以影响#a，因为这两个元素不共享一个共同的父级。

30 CSS Selectors to Memorize

悬停psuedo类的CSS问题

1 个答案: