cssToObject.js

cssToObject.js

cssString = '#navbar, #sidebar { width: 80%; height: 23px; ul, ol { list-style-type: none; } li { float: left; a { font-weight: bold; } } } #main { background: #000; }';

cssObject = [{
	type: 'rule',
	selectors: [ '#navbar', '#sidebar' ],
	declarations: [{
		type: 'declaration',
		property: 'width',
		value: '80%'
	}, {
		type: 'declaration',
		property: 'height',
		value: '23px'
	}, {
		type: 'selector',
		selectors: [ 'ul', 'ol' ],
		declarations: [{
			type: 'declaration',
			property: 'list-style-type',
			value: 'none'
		}]
	}, {
		type: 'rule',
		selectors: [ 'li' ],
		declarations: [{
			type: 'declaration',
			property: 'float',
			value: 'left'
		}, {
			type: 'selector',
			selectors: [ 'a' ],
			declarations: [{
				type: 'declaration',
				property: 'font-weight',
				value: 'bold'
			}]
		}]
	}]
}, {
	type: 'rule',
	selectors: [ '#main' ],
	declarations: [{
		type: 'declaration',
		property: 'background',
		value: '#000'
	}]
}];