Thursday, November 6, 2008

Gumbo CSS Advanced Selectors are wicked

Well I was looking at the 360 MAX sessions and saw an item of interest on Advanced Item Rendering. As you do when your surfing the net I had a quick look at Joan Lafferty's blog and saw another interesting post about the new CSS Advanced Selectors in Gumbo. I had a read through and it is wicked the power the Advanced Selector now gives you. This really comes into it's own since now you can style hierarchically instead of globally. I see this taking CSS skinning to a new level for the skinning community.

A brief example of the difference below but for more go to CSS Advanced Selectors

If you wanted all Buttons in a VBox to be blue and all other Buttons to be red.

In Flex 2/3
You could do something like
Button {
color: #FF0000;
}

.VBoxButton {
color: #0000FF;
}
In Gumbo you can do this
Button {
color: #FF0000;
}

VBox Button {
color: #0000FF;
}
As you can see you don't need to create a hash class selector. I'm really looking forward to using the advance selector feature!

No comments: