是否在将光标悬停在某个图元上时突出显示另一个图元？

Question

我想把这个加到我的第一个网页上。

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

Answer 1

您需要知道要高亮显示的元素相对于要悬停的元素的位置。

看看这篇文章：

How to affect other elements when one element is hovered

一旦你知道了位置并使用了正确的选择器，就可以使用：

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>

​