When developing a web application with minimal intensity where overhead is not an issue, is it feasible to exclusively implement CSS in Javascript/jQuery and eliminate external CSS files entirely?
$('<div/>').attr({'id':'special_box'}).addClass('little_box').appendTo('body')
$('<div/>').addClass('little_box').appendTo('body')
$('<div/>').addClass('little_box').appendTo('body')
...
$('.little_box').css({'color':'red'})
$('#special_box').css({'color':'blue'})
Are there proponents of this complete merging? Is there anything that inherently discourages or renders it impractical?
EDIT
The impracticality, as clarified below, lies in the fact that the jQuery css function generates styles applied to individual elements rather than creating or enhancing master CSS rules as assumed.
While there seem to be methods to achieve this integration, I lack the expertise to evaluate them. Thank you all.