Это сложная задача ... особенно если ваш HTML-контент DOM генерируется на лету любым способом.
Плагин Dust-Me-Selectors полезен, но на постраничной основе многие селекторы не будут использоваться ... но не necs будут недействительными.
Есть несколько хитростей, которые я использовал, чтобы помочь убрать.
Один за другим вставьте несколько стилей HORRID, которые вы сможете сразу определить, чтобы определить, используется ли селектор. например,
border:6px dashed #ffaacc;
padding:12px;
Все, что визуализируется с огромной пунктирной ярко-розовой каймой сейчас, является "активным" селектором. Если вы можете просматривать большую часть своего сайта / приложения, не видя его, то, скорее всего, он «мертв».
(если ваш код CSS «сгенерирован», вы можете оптимизировать его для одновременного тестирования различными цветами и использовать сгенерированный контент для добавления «идентификатора» селектора)
Другой вариант, если вы используете сгенерированную систему CSS ... - добавить конечное свойство к вашему селектору, который устанавливает, скажем, ... фоновое изображение с сгенерированным URL. например,
#selector_a > .foo{
...
background-image:url('selectortest/id_123.png');
}
#selector_b .bar{
...
background-image:url('selectortest/id_124.png');
}
Затем вы просто некоторое время просматриваете свой сайт / приложение, затем проверяете в своем веб-журнале HTTP-запросы на изображения ... на любой URL-адрес сгенерированного изображения, который не был запрошен в журнале ... вы, вероятно, нашли "мертвый "селектор.