Ребят, допустим есть вот такая HTML разметка:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body class="page-inner">
<section class="products">
<h1 class="products__title"></h1>
<div class="products__container">
<div class="products__product-card product-card">
<p class="product-card__title"></p>
<ul class="product-card__list">
<li class="product-card__item"></li>
<li class="product-card__item"></li>
<li class="product-card__item"></li>
</ul>
</div>
</div>
</section>
</body>
</html>
Существует ли такой инструмент, скрипт, программа, да вообще хоть что-то, для того, чтобы из разметки спарсить все классы/айдишники, превратить их в селекторы и записать в созданный style.css??
То есть, чтобы после запуска инструмента, у меня создался css файл, открыв который, я увижу вот это:
.page-inner {
}
.products {
}
.products__title {
}
.products__container {
}
.products__product-card {
}
.product-card {
}
.product-card__title {
}
.product-card__list {
}
.product-card__item {
}
