dojox.fx.addClass will not override classes set in an object's ID style

[guest]

for instance with this:

#piggie {

position: relative; border: 1px solid black; left: 50px; width: 200px;

} .tst {

height: 200px; background: #fff;

} .testTargetClass {

width: 400px; height: 400px; background: #ff0000;

}

calling

dojox.fx.addClass({ node: 'piggie', cssClass: 'testTargetClass' }).play();

affects ONLY the height. Moving the initial width declaration to the .tst class block causes it to affect both.

if this is as intended, could we get an override argument?

[dante]

what does adding !important to the .testTargetClass rule do? It seems to me this is the natural behavior of CSS, as id's are more specific than class names (iirc)

[dante]

test case showing ids to be more specific, and workaround

[dante]

If we had a 'cantfix' message, I would use that. The !important allows the rules to be applied to the ID's, but id selectors are more specific. the #id.class combination rules also work. CSS quirk, and this is a case we can't work around methinks (not without removing the id but that sounds really bad).