Css 在不同版本之间统一页面样式表并比较替代

新版本（v2）的网站需要额外的第三方样式表，这干扰了版本（v1）中先前第三方样式表中已定义的少数元素的布局。我的问题是:

• 如何在特定版本的页面中将各种样式表中的所有样式列为单个统一的规范化和排序css文件。像all-styles-indexhtml-v？.css一样，where？=1、2等。当为页面中的所有样式表替换新css文件时，不应影响渲染输出

• 如何查找v2中的哪些样式会覆盖v1中的哪些样式

---

注意：所有样式表都是第三方的，内部未知

此工具有助于在页面中组合样式表。获取它

我对这方面的知识有限，但我可以建议创建一个测试页面，其中包含网站中使用的大多数元素的示例-请参阅（v1）样式表以供参考。完成此操作后，您可以使用测试页面中的硬编码链接添加所有三个（v2）样式表，如

-

-

最后出现的CSS选择器将覆盖它之前的任何内容。也就是说，我不知道如何在不了解内部结构的情况下使用第三方CSS。我希望将所有样式表合并为一个文件（已经类似于

，…并且应该类似于

，这些css由生成器使用，生成器将标记转换为页面并使用css元素，以便不手动应用css内部构件。我们还不知道。我的问题是：如何连接并找到哪些样式在哪里被覆盖，以便我可以在两个或多个pl中选择更好的样式我明白了，你可以使用像这样的在线服务，但是你应该注意，这个过程是自动的，你不会有太多的控制权来选择哪个文件中的选择器-我相信该工具的文档中会有这样的信息。我还应该注意到，你最终合并的css文件可能是臃肿且有大量未使用的选择器。链接合并的css文件后，请确保尝试查找未使用的选择器并将其删除，以减少带宽浪费。