The <style> elements for this page are:

You are going to have to use Javascript to see the javascript in action!

(I'm using a variation on Brandon Aaron's gradient plugin)

Press the button to call the CSS parser was called with $().parsecss($.parsecss.jquery, true):

	<div id="jquery-example">
		<div>This is an example</div>
	</div>

	<div id="toggle-example">
		<div><div>This is an example</div></div>
		<div><div>This is an example</div></div>
	</div>

	<div id="live-example">
		<div>Example number 1</div>
	</div>

	<div id="style-attribute" style="-jquery-gradient: {from: 'blue', to: 'backgroundColor', direction: 'vertical', length: '50%'}">
		Using the inconsistently performing second argument to $().parsecss to parse style attributes
		in all elements.
	</div>

Test the parts of the parser:

$.parsecss(): enter CSS to be parsed and press the button to see the resulting object.

$.parsecss.parseArguments: Enter a string in typical CSS space-delimited form (like '1px solid black') and see the resulting array.

$.parsecss.mediumApplies: Enter string for the media attribute (like 'screen, presentation')and see if it applies to the current document

$.parsecss.isValidSelector: Enter a selector (like 'div > p') and see if your browser recognizes it.

$.parsecss.styleAttributes: Experimental: Enter HTML to be parsed and press the button to see the resulting object.