Как перенести inline style в отдельный файл?

Question

[Петруша Укропов]

Есть верстка. В большинстве элементов стиль прописан прямо в тегах:

<div class="block block-image is-image" id="block-new47" style="display: block;background-position: 0% 0%;background-repeat: no-repeat;border-width: 1px;position: absolute;z-index: 126;top: 1481px;height: 70px;width: 66px;anchor-id: #block-new47;left: 321px;background-color: transparent;background-image: none;">
            <img src="media/images/45554/str2.png#size_66x70" alt="" style="display: block; width: 66px; height: 70px"/>
        </div>

Есть ли способ быстро вынести подобные стили в файл css с автоматическим присваиванием класса элементу?

Answer 1

[Дмитрий Кожанов]

Например написать скрипт, который будет парсить текст внутри <> и составлять код css основываясь на id="(.*?)" и style="(.*?)"

Получим типа этого:

#block-new47 {
display: block;background-position: 0% 0%;background-repeat: no-repeat;border-width: 1px;position: absolute;z-index: 126;top: 1481px;height: 70px;width: 66px;anchor-id: #block-new47;left: 321px;background-color: transparent;background-image: none;
}

Answer 2

[Push Pull]

Это думаю поможет

Answer 3

[Krickt]

CSSComb и sublime text помогут.

Comments

[Алексей Типа]

Как Sublime text может помочь?