CSS проблема с классом парения

Question

псевдо Im имея проблему, имеющую связь, когда я парить он должен показать 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; 
} 

«#a» является базовый элемент привязки и светится белым, когда наводил курсор на мой код, когда я поворачиваю дисплей «#adiv» назад, чтобы заблокировать его вручную, я вижу красный квадрат, на самом деле не уверен, что может помешать его отображению. Я могу опубликовать HTML-код, если это необходимо, у меня есть также код coden http://codepen.io/Keiffy101/pen/aOWJZa любая помощь, которую я оценил, я немного похож на нее, так как кажется, что она должна быть прямой.

благодаря Keiffy101

Answer 1

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

} 

Это не будет работать, как это предполагается, что #a является прямым родственником #adiv ... другими словами, что #adivсразу следующим образом #a в вашем HTML .... и не делает.

Фактически, учитывая вашу текущую структуру HTML, нет возможности для зависания над #a, чтобы повлиять на #adiv, поскольку два элемента не имеют общего родителя.

30 CSS Selectors to Memorize