悬停在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，+） 字符组成，它分隔两个简单选择器序列。由两个序列表示的元素在 文档树中共享相同的父亲，并且由第一序列 表示的元素紧接在由第二个表示的元素之前。