我只想将悬停的效果放在1个元素上，但是应用了2个元素

悬停效果是指当鼠标悬停在一个元素上时，触发一些特定的效果或动作。根据问题描述，你想在一个元素上实现悬停效果，但是应用了两个元素。下面是一个完善且全面的答案：

在实现悬停效果时，通常需要使用CSS和JavaScript来完成。对于你的情况，可以通过在一个元素上应用CSS样式来实现悬停效果，同时使用另一个元素来触发悬停效果。

首先，你可以给第一个元素添加CSS样式，例如：

.element1 {
  /* 添加你想要的样式，例如背景颜色、边框等 */
}

.element1:hover {
  /* 添加悬停时的样式，例如改变背景颜色、显示阴影等 */
}

这样，当鼠标悬停在第一个元素上时，会触发:hover伪类选择器，从而改变元素的样式。

接下来，你可以在第二个元素上使用JavaScript来触发悬停效果。可以通过监听第二个元素的鼠标事件，当鼠标进入或离开第二个元素时，通过操作第一个元素的CSS样式来实现悬停效果。例如：

var element2 = document.getElementById('element2');
var element1 = document.getElementById('element1');

element2.addEventListener('mouseenter', function() {
  element1.classList.add('hovered');
});

element2.addEventListener('mouseleave', function() {
  element1.classList.remove('hovered');
});

在上述代码中，我们通过addEventListener方法监听了第二个元素的mouseenter和mouseleave事件。当鼠标进入第二个元素时，我们通过classList.add方法给第一个元素添加一个名为hovered的类，从而改变第一个元素的样式。当鼠标离开第二个元素时，我们通过classList.remove方法移除hovered类，恢复第一个元素的原始样式。

这样，当鼠标进入第二个元素时，第一个元素会应用悬停效果的样式，当鼠标离开第二个元素时，第一个元素会恢复原始样式。

推荐的腾讯云相关产品和产品介绍链接地址：