Как отделить инлайн стили от разметки?

Question

[focusss]

Есть сервисы, которые объединяют css и html. То есть, стили инлайном в разметку вставляют. А есть ли сервисы, которые инлайн стили отделяют от разметки?

Например, есть такой вариант:

<div class="test" style="color:#000"></div>

И я получу в итоге

<div  class="test"></div>

<style>
.test {
color:#000;
}
</style>

Искал сам, ничего не нашёл.

Comments

[Василий Банников]

В общем случае не получится сделать это автоматически.
Только полуавтоматом через рефакторинги в вашей IDE

[Арсений Матыцин]

Лучший сервис — человек адекватус, который пишет код.

Answer 1

[Rustam Bainazarov]

Ну, можно так, например, быстро наколхозить, LOL. Работает с классами и ID. Если нет ни того, ни другого, делаем случайный класс, чтобы к чему-то прицепить стили:





Если нужно объединять все стили в один тег style:

Comments

[focusss]

Спасибо большое, то что нужно.