Forums

In YUI2, the TreeView component used composite classNames to indicate various conditions of each node, such as whether it was an end node, whether it had children and whether it was expanded or collapsed. This led to classNames where each of the conditions was encoded in a single letter within the full className. This was because some old browsers could not handle a long chain of selector so that instead of having a CSS selector such as:

li.yui-tv-last.yui-tv-plus

you had (not a real example):

.yui-tv-lp

where the two conditions, last child in the branch and collapsed (thus, it has a plus sign) were encoded in one className.

I was wondering if this holds true within the current list of supported browsers.

The way the node state was encoded as letters within the className didn't allow me to use method replaceClass directly since there were many such combinations of letters which I might have to replace with the one reflecting the current state.

Sorry for the delay

IE6 still fails when chaining CSS classNames.

You can always use multiple, but you can't chain them:

class="foo bar baz" works fine as:

.foo, .bar, .baz {

But IE6 will fail on this:

.foo.bar.baz {