Существует ли способ обработать CSS файл через JS?

Question

[FreeZa]

Доброго дня!
Возникла необходимость обрабатывать CSS файлы через JS
Суть задачи:
предположим есть CSS файл:

.anyclass{
    font-size:14px;
    color: #333;
    margin:5px;
    padding:3px;
    border:1px solid blue;
}

и есть HTML:
<span class="anyclass">Какой-то текст</span>
Задача сделать так, что-бы HTML код стал таким:

<span class="anyclass" style="font-size:14px; color: #333; margin:5px; padding:3px; border:1px solid blue;">Какой-то текст</span>

Собственно как бы вы такое реализовали?

Заранее прошу не закидывать вопросами из серии "зачем делать такую глупость" и тд... Просто есть такая задача, скажу только, что это нужно для импорта шаблонов визуального редактора, после обработки(верстки в редакторе) генерируется 2 файла HTML и CSS + 3 файл для импорта в редактор на случай доработки страницы. Собственно кроме экспорта хочется импорт сделать, пока могу импортировать только те шаблоны которые были собраны в редакторе, а хочется сделать импорт любой верстки HTML+CSS

Answer 1

[Евгений Петров]

Есть такая коллекция document.styleSheets, которая содержит ссылки на подключённые стили (элементы style и link). В каждом элементе коллекции CSSStyleSheet есть доступ к правилам.

Comments

[FreeZa]

То что нужно, спасибо!

[desuvin]

Так делать неправильно, т.к. на всех классах будет дублироваться код. xmoonlight правильное решение предложил

[Евгений Петров]

desuvin: По второй ссылке описан метод deleteRule. А теперь ещё раз задумайтесь — кто мешает после обработки правила удалить его?

Answer 2

[xmoonlight]

css засунуть в шаблон?

Comments

[FreeZa]

Да, как достать и обработать данные из файла со стилями? регулярные выражения сразу же отпали у меня, так как там придется весь CSS переписать в виде регулярки =)

[xmoonlight]

FreeZa: внутрь html-ника вставить стиль - не судьба говорю?)

Answer 3

[Александр]

Можно получить css файл с помощью аякса, распарсить его, а потом уже сопоставлять селекторы и стили css