Наведите указатель мыши на div для запуска другого div

Question

Это то, что у меня есть. То, что я хотел бы сделать, это то, что когда я наводил на div book1, я хочу показать div uploadbutton. Кажется, я не понимаю.

<style type="text/css"> 
    #uploadbutton { 
    display:none; 
    } 
</style> 

Это мой DIV и выше один мой стиль CSS

<div id="book1"> 
<?php include 'viewing_display_pic.php'; ?> 
</div> 

<div id="uploadbutton"> 
<?php include 'upload.php'; ?> 
</div> 

Answer 1

Вы можете использовать adjacent sibling selector:

#uploadbutton { 
 
    display: none; 
 
} 
 
#book1:hover + #uploadbutton { 
 
    display: block; 
 
}

<div id="book1"> 
 
    some random text 
 
</div> 
 

 
<div id="uploadbutton"> 
 
    some random text 
 
</div>

Соседний си Комбинатор bling выполнен из знака «плюс» (U + 002B, +) , который разделяет две последовательности простых селекторов. Элементы , представленные двумя последовательностями, имеют один и тот же родительский элемент в дереве документов , а элемент, представленный первой последовательностью , сразу предшествует элементу, представленному вторым.