懸停在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>

相鄰的SI閃光組合器由「加號」（U + 002B，+） 字符組成，它分隔兩個簡單選擇器序列。由兩個序列表示的元素在 文檔樹中共享相同的父親，並且由第一序列 表示的元素緊接在由第二個表示的元素之前。