FedyaAsker
@FedyaAsker
Постоянно что то не понимаю...

Есть ли такой инструмент для верстки?

Ребят, допустим есть вот такая 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 {
	
}
  • Вопрос задан
  • 1971 просмотр
Решения вопроса 2
@SergeiB
Можно собирать классы с помощью js, например, как тут.
Ответ написан
sharnirio
@sharnirio
Front-end developer
Плагин для sublime - eCSStractor, правда работает только с классами.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@lnked
Есть такой инструмент bearcss.com
Ответ написан
Комментировать
@romansky
BEM Helper для VSCode
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы