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

Question

我想把这个添加到我的第一个网页。
类似于Chrome的网页检查器:悬停和/或点击一个元素高亮显示/选择相应的元素。我意识到我的页面围绕着这个，没有它我就无法前进。任何建设性的建议将不胜感激!谢谢你！

Answer 1

你需要知道你想要突出显示的元素相对于要悬停的元素的位置。

看看这篇文章:

一个元素悬停时如何影响其他元素

一旦你知道了位置并使用了正确的选择器，使用:

background-color : lightblue;

Answer 2

我猜你是在问css中的:hover，但是没有代码很难得到想法。检查下面的代码:

.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>