Перейти к основному содержимому

JS: Поиск неиспользуемых правил CSS

Откройте сайт и выполните в консоли браузера:

(function() {
for (var ssi = 0; ssi < document.styleSheets.length; ssi++) {
let rules;
try {
rules = document.styleSheets[ssi].cssRules || [];
} catch (e) {
rules = []
}

var sheetHref = document.styleSheets[ssi].href || 'inline';

for (var ri = 0; ri < rules.length; ri++) {
if (!document.querySelectorAll(rules[ri].selectorText).length) {
console.log(`${sheetHref}: "${rules[ri].selectorText}" not found.`);
}
}
}
})();

Или используйте более продвинутый вариант: https://gist.github.com/pointofpresence/22915d3b00deb411501be240c2ad4c0e