Javascript 查找具有特定样式的css类

对于vanilla js或jquery，我想知道所有已定义（可用）的类，这些类定义了一些样式属性（以及值是什么）

例如，我想知道定义了

边框

样式的每个类，以及它的定义目的。能够修改该类也很好（即更改边框或删除它），但如果遇到紧急情况，我可以查询使用该类的每个元素，并将其切换到我选择的类

我正在尝试写一个扩展来修改一个流行网站的样式。不幸的是，对我来说，所有的类名都是毫无意义的，而且名称经常更改（它们都被命名为“class[1..n]”），因此我不能将类名作为准智能的方式来获取某些元素，关闭它们的旧类并添加新的自定义类。该网站大量使用内联样式，我已经能够从中获得我所需要的大部分内容。但是，有一个类（同样，它的名称从“class12”更改为“class26”，等等）定义了一个边界。我希望边界消失。现在，我必须知道border中的内容，并使用border类升级几个级别来删除div。非常烦人。

看看

const elem=document.querySelector（'.test'）；
常量样式=getComputedStyle（elem）；
//阅读
console.log（style.border）；
//写
elem.style.border='1px点绿色'
.test{
边框：5px纯红；
}
测试
您尝试了什么？你能提供一些失败的来源吗？至少从这里开始阅读：请分享一些代码并寻求解决方案。如果目标类始终使用相同的前缀（始终
classX
，其中
X
是一个变量），则很容易过滤它。现在，如果它发生了变化，而您必须改为按计算样式进行过滤，这将更加困难，而且不值得。我想，你最好找到另一种方法来针对这些特定的元素，而不是试图通过风格来过滤。