单击事件从不同级别向每个HTML元素添加类时，

可以使用JavaScript来实现单击事件从不同级别向每个HTML元素添加类。以下是一个示例代码：

// 获取所有HTML元素
var elements = document.getElementsByTagName("*");

// 为每个元素添加单击事件
for (var i = 0; i < elements.length; i++) {
  elements[i].addEventListener("click", function() {
    // 添加类到当前元素
    this.classList.add("your-class-name");
  });
}

在上述代码中，我们首先使用document.getElementsByTagName("*")获取到页面中的所有HTML元素。然后，使用addEventListener方法为每个元素添加一个单击事件。在事件处理程序中，使用classList.add方法将指定的类名添加到当前元素中。

这样，当用户单击任何一个HTML元素时，都会向该元素添加一个指定的类名。你可以根据需要将your-class-name替换为你想要添加的类名。

这种方法适用于任何HTML元素，并且可以根据需要进行扩展和修改。