Как найти элементы HTML и элементы управления ASP, имеющие ссылки на классы CSS, не имеющие определения в Visual Studio

Я ищу способ найти имена классов CSS, на которые элементы HTML и элементы управления ASP ссылаются в своих свойствах «class» и «CssClass», но где класс, на который ссылается, не существует ни в одном из ссылочных файлов CSS.

Например, если у меня есть элементы, определенные как:

<p class = "class_apple">Apple</p>
<p class = "class_car">Car</p>
<p class = "class_tomato">Tomato</p>

Но в упомянутых файлах CSS есть определения только для class_apple и class_tomato, тогда мне нужно знать, что на «class_car» ссылаются, но он не существует. Это может быть визуальный индикатор в Visual Studio или даже список, который будет включать «class_car», поскольку он не определен ни в одной таблице стилей.

Я думал, что Visual Studio 2022 будет помещать волнистые линии под плохой ссылкой CSS, но, очевидно, это не так.

Меня не беспокоит, что определения в файлах таблиц стилей не используются, меня беспокоят только ссылки на несуществующие классы. Мне не нужен список элементов с плохими ссылками, а только имя класса. Я могу найти элементы с помощью инструмента поиска в Visual Studio.

Я готов поработать, чтобы найти эти плохие ссылки, но любые существующие инструменты будут очень полезны. Я предполагаю, что это понадобится для проектов, которые поддерживаются уже довольно давно. Не уверен, что я готов платить много за расширение, которое могло бы это сделать, но я, возможно, был бы готов бросить несколько костей создателю расширения за что-то подобное. Даже добавление волнистой линии под ссылками было бы полезно, если не список.

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
1
51
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете использовать следующие предметы:

  1. Используйте инструмент проверки: ESLint или StyleLint можно настроить для проверки для неопределенных классов CSS.
  2. Напишите собственный сценарий: создайте сценарий, который анализирует ваш HTML/ASP. файлы и файлы CSS, затем сравнивает используемые классы с теми, определенный.
  3. Расширения IDE: найдите расширения Visual Studio, которые предлагают эту возможность. функциональность. Хотя я не могу порекомендовать конкретные, поищу Visual Studio Marketplace может дать результаты. (Например: Плагин CSS-навигации)

Еще предлагаю, если не найдете решения, воспользоваться идеями jetbrains (Например: WebStorm)

Другие вопросы по теме