jQuery ui.tabs, Themeroller and .ui-tabs-nav-item

There currently an inconsistency between the jQuery UI tabs plugin and the CSS generated by Themeroller

The CSS includes rules for “.ui-tabs-nav-item” but these classes are never added to the list items by the plugin. Because they are unnecessary.

Simply changing the rules to “.ui-tabs-nav li” they way they should be brings it all into line again. Except the extra specificity overrides the “.ui-tabs-selected” rules. These need changing to “.ui-tabs-nav li.ui-tabs-selected” and Bob’s your monkey’s uncle.

There doesn’t appear to be a whole lot of consistency (or good CSS) rolling around the JQuery UI project at the moment. Hopefully this will improve. I was of the belief that a theme could be “dropped onto” a jQuery UI app to simply re-skin it. This isn’t the case. Not yet at least.

For the time being I think i’ll be sticking to good old fashioned hand written CSS