Инструмент для генерации css-селекторов из файла html?
Добрый день, уважаемые. Возникла мысль о том, что классно бы из файла html автоматизировано вытащить в css/sass/scss значения классов и id. Быстрый поиск по интернетам результата не дал. Вот и сам вопрос: есть ли софт/ресурс/скрипт, который позволяет вытаскивать из html файла все значения id и class у тега?
Сделать это несложно на самом деле, достаточно использовать любой HTML парсер, их много. Другое дело что полученный результат придётся разбирать, отфильтровывая то что вам в реальности не нужно (причём вручную) и этот процесс почти наверняка займёт больше времени чем написание нужных вам селекторов вручную.
Также не забывайте что:
CSS селекторы - это далеко не только id и class name, они намного гибче, а самые интересные варианты вы таким образом не автоматизируете
Современные IDE, к примеру те же продукты JetBrains хорошо умеют, понимая контекст, давать хороший автокомплит для CSS селекторов по структуре HTML, поэтому ваша задача там уже решена, только намного эффективнее
Автокомплит в отдельном файле стилей, я правильно понял?
Вручную CSS на 600+ строк занял порядка 2х часов.
На интересных вариантах всегда выгоднее руками работать)
Да, конечно в отдельном. Попробуйте тот же WebStorm если ещё не пользуетесь.
Вам ведь обычно не нужны все CSS классы из документа, зато как правило нужны какие-либо их сочетания. В итоге вы либо вытащите все CSS классы и будете их разбирать, отфильтровывая ненужные, комбинируя и разбираясь что откуда либо будете генерить аналоги структуры HTML документа в CSS, а потом их чистить. И то и другое - рутинный и в целом неблагодарный путь, особенно когда все нужные селекторы подбираются в IDE через автокомплит после ввода 2-4 символов.
При создании CSS всё-таки ввод самих селекторов - это наименьшая из задач, основное время занимает написание самих стилей и их тестирование в браузерах.
