Как можно выбрать css классы который не используются на html странице?

Чтобы определить, какие CSS классы не используются на HTML-странице, можно воспользоваться следующим подходом:

1. Создайте список всех CSS классов, используемых на странице. Для этого просмотрите весь HTML-код и найдите все значения атрибута class. Список можно сохранить в массиве или любом другом удобном вам формате.

2. Используя JavaScript, можно получить все элементы на странице, которым назначены CSS классы. Для этого можно воспользоваться методом document.querySelectorAll('.classname'), где 'classname' - это имя класса, который вы хотите проверить.

3. Создайте функцию, которая будет проверять, находится ли CSS класс в списке использованных классов на странице. Для этого можно пройтись циклом по всем найденным элементам и проверить, используется ли каждый из них в списке классов.

4. Отфильтруйте список CSS классов, исключив те, которые используются на странице. Вы можете использовать метод Array.filter() в JavaScript для этого. Результатом будет новый список классов, который не используется на странице.

5. Выведите полученный список невыпользуемых CSS классов в консоль или отобразите их на странице для последующего анализа.

Пример кода на JavaScript:

// Получение списка всех классов на странице
let allClasses = [];
document.querySelectorAll('*').forEach(element => {
  let classes = element.classList;
  classes.forEach(className => {
    if (!allClasses.includes(className)) {
      allClasses.push(className);
    }
  });
});

// Получение списка классов, которые используются на странице
let usedClasses = [];
document.querySelectorAll('[class]').forEach(element => {
  let classes = element.classList;
  classes.forEach(className => {
    if (!usedClasses.includes(className)) {
      usedClasses.push(className);
    }
  });
});

// Получение списка невыпользуемых классов
let unusedClasses = allClasses.filter(className => !usedClasses.includes(className));

console.log(unusedClasses);

Таким образом, после выполнения приведенного выше кода в консоль будет выведен список всех невыпользуемых CSS классов на HTML-странице.