懸停在另一個元素上時突出顯示一個元素？

Question

我想將此添加到我的第一個網頁。
類似於 Chrome 在 web 檢查器中所做的：懸停和/或單擊元素突出顯示/選擇相應的元素。 我意識到我的頁面圍繞着這個展開，沒有它我就無法前進。 任何建設性的建議將不勝感激！ 謝謝！

Answer 1

您需要知道要突出顯示的元素相對於要懸停的元素的位置的位置。

看看這個帖子：

當一個元素懸停時如何影響其他元素

一旦您知道位置並使用了正確的選擇器，請使用：

background-color : lightblue;

Answer 2

我猜您是在詢問:hover在 css 中的問題，但是沒有代碼就很難理解。 檢查以下代碼：

 .btn { background-color: #f4511e; border: none; color: white; padding: 16px 32px; text-align: center; font-size: 16px; margin: 4px 2px; opacity: 0.6; transition: 0.3s; } .btn:hover {opacity: 1}

 <button class="btn">Hover Over Me</button>