悬停在另一个元素上时突出显示一个元素？

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>