我正在为我们当前的应用程序 (asp.net mvc) 进行升级。我的问题是，我有一个现有的 css 文件名“styles.css”。现在这个文件有很多 css 类，它们在不同的页面中使用。
现在作为升级过程的一部分，这个 css 文件将不再使用。但是我仍然想要这个文件中的某些 css 类，以便我可以将它们复制到一个新文件中并将其包含在我的页面中。
关于如何提取这些在我的新页面中使用的样式的任何想法。是的，我想要选择的样式已经设置为页面中的控件。请帮忙。
【问题讨论】：
使用 Chrometools 审核
在 Chrome 中按：F12 -> Audits -> Run
它会让你知道什么是使用和不使用的。
【讨论】：
使用浏览器调试器，单击站点上的元素，然后在右上角查看哪些类是 machtes 并复制它们。
【讨论】：
使用多种工具应该很容易找到在单页中使用的那些。 一个很好的工具叫做UnCSS。
诀窍是检查跨页面共享 CSS 文件的整个网站。
这种方法最近在社交网络中很流行，一些知名人士分享了它，比如谷歌的 Addy Osmani 和一些谷歌 Chrome 的人：
【讨论】：
方法有很多，例如：
Firefox 插件，这将提取使用的 css https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/
手动：在 chrome（或其他浏览器）中的另一种方式，右键单击并选择检查元素，这将向您显示正在处理特定元素的层次结构，您可以使用您使用的 css
你可以从以下工具中找到 unsed css，这样你就可以清理你的 css 以拥有一个纯的 http://unused-css.com/ 要么 http://www.pontikis.net/blog/remove-unused-css
【讨论】：