Hi I'm fairly new to JQuery coming from a decent JavaScript background I'm stumbling my way through and figured out a bit through sample codes etc and the API documentation.

Looking into the accordion demo I realized you can apply styles to objects with something like this

.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; }

.ui-accordion .ui-accordion-icons { padding-left: 2.2em; }

.ui-accordion .ui-accordion-noicons { padding-left: .7em; }

.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }

.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }

.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; zoom: 1; }

but I also see there's more going on then what's just written here, so I had to continue to search and did find a few more lines in other areas...

I'm hoping there's some documentation somewhere that will help me understand what the selector names are and what they belong to kind of thing, I've tried searching for it but other than another website talking about just a couple of them have been unsuccessful.