這個問題在這里已經有了答案： 當一個元素懸停時如何影響其他元素 7 個回答 10 小時前關閉。
我試圖在懸停在另一個文本上時顯示一個文本，但它不起作用。我按照另一個類似問題的每個步驟進行操作，但仍然無法正常作業
代碼：
.text-mada {
width: 18%;
position: relative;
left: 760px;
background-color: rgba(255, 255, 255, 0.8);
text-align: justify;
padding: 15px;
z-index: 2;
bottom: 750px;
display: none;
}
.dot-mada {
position: relative;
text-align: center;
font-size: 50px;
left: 52px;
bottom: 44px;
.dot-mada:hover .text-mada {display: block}
我的目標是當.dot-mada懸停時.text-mada顯示
PS：我是初學者，所以這對你們來說可能是一個愚蠢的問題，哈哈
uj5u.com熱心網友回復：
您可以使用本示例中的代碼：
div {
height:100px;width:100px;
background:blue;
margin:20px;
}
span {
display:none;
height:100px;width:100px;
background:pink;
margin:20px;
}
div:hover ~ span {
display:block;
}<div>text 1</div>
<span>text 2</span>uj5u.com熱心網友回復：
如果.text-mada在里面.dot-mada，那么解決方案看起來像這樣
.text-mada {
display: none;
}
.dot-mada:hover > .text-mada {
display: block;
}<div class="dot-mada">
Foo
<span class="text-mada">Bar</span>
</div>如果他們是兄弟姐妹：
.text-mada {
display: none;
}
.dot-mada:hover .text-mada {
display: block;
}<span class="dot-mada">Foo</span>
<span class="text-mada">Bar</span>uj5u.com熱心網友回復：
將要顯示的 div 保留在可見 div 下方
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/347313.html
下一篇：CSS變換比例也增加div父主體