Как найти где в HTML, а еще лучше на каких страницах проекта встречается конкретный CSS стиль?
В какой среде (IDE, плагин к IDE, фреймворк, CMS, CMF, их комбинации и т.д. ит.п.) можно получить ответ на оба вопроса из заголовка?
Идея заключается в том, чтобы как-то организовать работу по разработке веб сайта таким образом, чтобы легко получать ответ на поставленные вопросы, например для того, чтобы точно понимать где и что изменится, если поменять некоторый стиль в CSS или как оптимизировать структуру CSS файлов и т.д.
И если первую проблему (поиска где в HTML) еще можно как-то решать простым текстовым поиском упоминания имени конкретного стиля в файлах содержащих HTML разметку, то получить ответ на то, на каких страницах (подразумеваются их url адреса) будет встречаться это имя стиля - уже не так просто. Т.е. по сути требуется среда и/или способ разработки чтобы как-то автоматически происходила привязка и учет HTML и CSS разметки как меду собой так и к страницам (роутингу) сайта.
В идеале в IDE при наведении/клику по имени CSS стиля было бы очень здорово если бы как-то выводилось два списка:
1-й - где этот стиль используется в HTML
и 2-й - на каких страницах он используется.