html - 根据使用的选择器过滤 CSS

Question

我正在实现依赖于 Bootstrap 的 Summernote 编辑器，但我使用自己的自定义样式表。这给了我两个问题:

1. 它破坏了我的设计，而且 Bootstrap 文件太长了，很难找到导致问题的确切选择器。
2. 它加载一个 120kB 的文件，而实际上可能只需要 20-30 个文件(编辑器实际需要的部分才能很好地呈现)。

有谁知道一个工具(也许是在线的)来比较源代码中实际使用的标签、类等与附加的样式表，指出正在使用的是什么？在经过漫长的开发过程后也可能会有所帮助，在这个过程中您进行了大量编辑，最终可能会得到很多未使用的代码。

Answer 1

当您在任何浏览器的网页上时，请右键单击并选择检查元素。