Dodawanie styli globalnie w tagu <style> przez javascript

Posiadam edytor, który w czasie rzeczywistym wprowadza zmiany w szablonie html. Chcę wykonać ustawienia globalne różnych stylów. Użycie funkcji .css z jquery ma ten problem że odwołuje się do konkretnych elementów DOM, robiąc tam po pierwsze bałagan
po drugie tworząc kolejne bloki html, zmiany styli oczywiście nie będą uwzględnione.

Rozwiązaniem byłoby np. dodanie styli do tagu <style>.
Co można zrobić by poradzić sobie z tym?

  $('<style>').text("p{font-size:"+ui.value+"px}").appendTo(document.head);

Właśnie odnalazłem cos takiego, próbuje tylko teraz zrobić by nie dodawało za kazdą zmianą nowy tekst.