有没有一种方法可以悬停一个元素，并用纯css/js设置许多其他元素的样式？

是的，可以使用CSS和JavaScript来悬停一个元素，并通过设置其他元素的样式来实现。以下是一种常见的方法：

首先，在HTML中给需要悬停的元素添加一个唯一的ID或类名，例如：

<div id="hover-element">悬停元素</div>

接下来，在CSS中使用:hover伪类选择器来定义悬停元素的样式，例如：

#hover-element:hover {
  color: red;
  background-color: yellow;
}

然后，在JavaScript中使用DOM操作来获取其他需要设置样式的元素，并在悬停元素上触发事件时，修改它们的样式，例如：

var hoverElement = document.getElementById('hover-element');
var otherElements = document.getElementsByClassName('other-element');

hoverElement.addEventListener('mouseover', function() {
  for (var i = 0; i < otherElements.length; i++) {
    otherElements[i].style.color = 'blue';
    otherElements[i].style.fontWeight = 'bold';
  }
});

hoverElement.addEventListener('mouseout', function() {
  for (var i = 0; i < otherElements.length; i++) {
    otherElements[i].style.color = '';
    otherElements[i].style.fontWeight = '';
  }
});

在上述代码中，当鼠标悬停在hover-element上时，它的文字颜色将变为红色，背景颜色将变为黄色。同时，通过JavaScript获取到其他需要设置样式的元素，并在悬停元素上触发事件时，将它们的文字颜色设置为蓝色，字体加粗。当鼠标移出悬停元素时，其他元素的样式将恢复默认。

这种方法可以通过纯CSS和JavaScript来实现悬停元素并设置其他元素样式的效果。对于更复杂的样式设置，可以根据具体需求进行调整和扩展。

注意：本回答中没有提及腾讯云相关产品和产品介绍链接地址，因为与问题无关。