Как компания, мы используем компоненты (Angular, Vue и React) для создания наших приложений, но у нас по-прежнему имеется большое количество глобальных стилей, которые мы унаследовали от нашего устаревшего приложения.
например:
.active {
background: red;
}
Будет применяться к любому элементу в любом месте страницы с классом активных.
Есть ли способ в браузере создать список всех правил стиля (например, не именных имен), которые применяются к странице, учитывая, что они могут присутствовать внутри сторонних библиотек или другие разные устаревшие Java-скрипты?